lal

[Custody]

(08.01.2013)Princess Celestia schrieb:  Ich will nicht erst Stundenlang mich mit Bildberechnung und anderen Websites rumschlagen müssen, nur damit ich ein Bild für den Jeweiligen Fanclub Posten darf, weil die Seite von der es Kommt diese Nicht auf X mal X herunter rechnet..

Genau genommen ist das nicht einmal gestattet, wenn der Zeichner/Maler das Bild unter seine Creative Commons License gepackt und folgenen Punkt mit hinein genommen hat: No Derivative Works — You may not alter, transform, or build upon this work.

Und schon hat sich das erledigt. DeviantArt hat ja eine extra Funktion für verkleinertes Anschauen von Bildern, wo man drauf klickt und sie dann vergrößert werden. Oder direkt einstellbarer Download der Originalgröße. Das verletzt nicht die Lizenz des Künstlers, jedoch hat das Bronies.de nicht mal eben so zu bieten.

Viel zu große Bilder mögen stören, aber 2000x2000 für ein ordentliches Kunstprojekt ist mal gar nichts.

[Saij]

Die Idee mit dem neuem Tab direkt im Spoiler Kopf ist sehr gut.
Könnte man definitiv implementieren. Dann wäre das ein Special Spoiler für Bilder.

Beispiel:

Code:

[imgspoiler="Bild was irgendwas anzeigt"]http://img404.imageshack.us/img404/6818/sig2zz.png[/imgspoiler]

Würde dann in einen Spoiler, wie er bekannt ist, umgewandelt. Nur mit dem Zusatz, dass es sich um ein Bild handelt und das er noch einen 2. Button hat, welcher das Bild direkt in einem Tab/Fenster/Whatever öffnet.

Ließe sich gut machen.

Folgender BBCode müsste eingefügt werden (nicht getestet da grade keine Testinstanz vorhanden - bei Fehlern/Problemen bitte melden )

Regulärer Ausdruck

Code:

\[imgspoiler=(?:"|\"|')?(.*?)[\"']?(?:"|\"|')?\](.*?)\[/imgspoiler\]

Ersetzung

Code:

<div><div class="spoiler_header">$1 <a href="javascript:void(0);" onclick="javascript:if(parentNode.parentNode.getElementsByTagName('div')[1].style.display=='block'){parentNode.parentNode.getElementsByTagName('div')[1].style.display='none';this.innerHTML='(Click to View)';fitonpage.doResize(0);}else {parentNode.parentNode.getElementsByTagName('div')[1].style.display='block';this.innerHTML='(Click to Hide)';}">(Click to View)</a>&nbsp;<a href="javascript:void(0);" onclick="window.open('$2', '_blank');">(Open in new window)</a></div><div class="spoiler_body" style="display: none;"><img src="$2" border="0" alt="$2" /></div></div>

Ich gebe keine 100%ige Garantie das es so auf Anhieb funktioniert. Nach 2 Whisky und um die Uhrzeit ohne zu testen möge man mir das bitte verzeihen

Da ist btw. der ImageResize Fix drinne

Gruß
Saij

[Princess Celestia]

(08.01.2013)Custody schrieb:  

(08.01.2013)Princess Celestia schrieb:  Ich will nicht erst Stundenlang mich mit Bildberechnung und anderen Websites rumschlagen müssen, nur damit ich ein Bild für den Jeweiligen Fanclub Posten darf, weil die Seite von der es Kommt diese Nicht auf X mal X herunter rechnet..

Genau genommen ist das nicht einmal gestattet, wenn der Zeichner/Maler das Bild unter seine Creative Commons License gepackt und folgenen Punkt mit hinein genommen hat: No Derivative Works — You may not alter, transform, or build upon this work.

Und schon hat sich das erledigt. DeviantArt hat ja eine extra Funktion für verkleinertes Anschauen von Bildern, wo man drauf klickt und sie dann vergrößert werden. Oder direkt einstellbarer Download der Originalgröße. Das verletzt nicht die Lizenz des Künstlers, jedoch hat das Bronies.de nicht mal eben so zu bieten.

Viel zu große Bilder mögen stören, aber 2000x2000 für ein ordentliches Kunstprojekt ist mal gar nichts.

Ejup das dieses Nicht gestattet ist, ist mir bewusst aber es gibt halt genug Seiten die sich einen dreck darum kümmern und auch leider "Dumme" Künstler die dieses Nicht machen, desweiteren ist es teilweise auch schwer nachzuprüfen ob die Seite und der Künstler sein Bild unter NDW gestellt hat nicht jeder Schreibt es Drauf bzw dabei *von Wasserzeichen die das Bild ruinieren wie auf DA halte ich zb überhaupt nichts*. Hab schon so Einige Künstler gefunden denen das Egal ist was andere Mit dem Bild machen. *Da Blutet mein verstand!*

Was DA angeht, das ist klar das Bilder von da in den Größen dem Entsprechend gepostet werden sollten *Wobei ich selbst da gerne die Original Größen nehme sofern sie mir nicht schon dabei den Bildschirm zerschießen bzw kommt es aber auch auf das Bild an*


@Saij
So lange es Guter Whisky war kann man das Ruhig verzeihen.

[Evenprime]

Wäre so ein "special spoiler" aber dann nicht wieder einfach äquivalent zu einem ganz normalen Link zum Bild? Da klicke ich einfach mit der mittleren Maustaste drauf und habe das Bild in einem neuen Tab offen.

Ich denke es würde reichen wenn einfach in den Forenregeln festgeschrieben wird, dass große Bilder (breiter als 700 pixel) in Spoiler müssen, und bei übergroßen Bildern (breiter 2000 pixel) der Spoiler entsprechend mit einer Warnung beschriftet werden muss.

Das kombiniert mit einer technischen Lösung die garantiert, dass Bilder hinter Spoilern nicht geladen werden solange der Spoiler noch nicht geöffnet wurde (was leider bei einigen Browsern trotz style.display=none passiert), das wäre schon eine deutliche Verbesserung.

[Saij]

Bei dem Special Spoiler ist der Vorteil, dass das Bild nicht sofort geladen wird. Heißt wer möchte öffnet sich den Special Spoiler im Foren Tab und wer nicht möchte kann es sich das Bild in einem neuen Tab öffnen.

[Yukio]

Also ich habe diesen Spezial spoiler mal bei mir eingebaut und muss sagen die Idee und Umsetzung ist richtig gut, Bilder werden erst beim öffnen geladen zumindest bei mir oder man öffnet ihn einfach in einen neuen Tap wie Saij sagt

Wer es mal live sehen möchte kann ja mal hier rein schauen
http://spam-bronies.de/showthread.php?tid=269


Edit: das anzeige was ich jetzt zu bemängeln hätte ist das man immer einen Namen oder so angegeben muss sonst wird der spoiler nicht mehr angezeigt

Edit2: korrigiere Bilder werden nachdem ich den cach gelöscht hatte doch mit der Seite geladen und nicht erst wenn man den spoiler öffnet

[Odrakis]

Um ehrlich zu sein hat mich das noch nie so wirklich gestört. Nur, als ich temporär eine lahme ISDN Verbindung hatte. Aber 99,7% haben heute DSL, wieso sollte man überhaupt etwas ändern, adss nur 0,X% aller User erfahren, nämlich in Fanclubs o.ä. Bereichen?

Gut, für eine halbe Minute wird das Design des Forums ein wenig gestört, aber das ist nur für wenige Sekunden, danach wird das Bild doch eh passend skaliert.

Und RAM Belastung? Ich bitte Dich, seriously? Hättest Du einen RAM von unter 2GB, ja, okay, könnte man noch miniminimal einsehen, naja, eigentlich auch nicht, aber ehrlich? Ist das Dein Problem? Wie groß muss ein Bild sein, dass es Deinen Arbeitsspeicher vollknallt? Ich arbeite z.T. mit Vektoren, die um einiges größer sind als die Bilder, die hier gepostet werden, und habe dann immernoch kindestens 3 GB an RAM über!
Die RAM BElastung ist also vorerst ein absolut unmögliches Argument - so wenig RAM kannst Du gar nicht haben.

Wenn Du jetzt ein Uralt System hast, sorry, ich wollte Dich nicht diskriminieren!^^

[Saij]

Jetzt lad aber mal in einem Tab 10 Bilder von der Größe 5000x5000 Pixel.
Dann hat man auch noch immer andere Programme offen im Hintergrund (meine 8GB RAM kann ich beim Arbeiten gut auslasten.)
Es geht einfach darum, dass es nicht sein muss wenn es User stört.
Und die Mehrheit hat weniger als 8GB RAM und vorallem einen Monitor der definitiv nicht mehr als 1980px in der Breite supportet.

[Odrakis]

Aber wer hat denn 10 Tabs mit so großen Bildern offen? Oo

Das sind keine Argumente, Dir gehen diese aus, gib es zu!!!


Nein, sorry, ich kann es jedenfalls keinen Meter nachvollziehen und kriege meine 8 GB RAM NIE ausgelastet (ehrlich, da kann ich machen, was ich will). Eher geht mir der Speicher auf der Festplatte aus, durch temporäre Dateien etc. Wobei DAS dann wieder ein gutes Argument wäre

[Princess Celestia]

Jup diese Art des Spoilers verhindert einfach das man einen Riesigen misch masch an Spoiler und Bilderlinks in einem Thema hat. Auch bei Musik Videos ist das Praktisch den so muss man nicht erst im Laufendem Video auf YT klicken damit er das Video in einem Neuen Fenster öffnet, Falls man weiter auf der Seite surfen möchte.

Was das vorab laden des Bildes angeht habe ich leider keine Ahnung wie man dieses verhindern könnte.. würde mich aber Persönlich nicht stören wen man da etwas machen könnte.

*Ich fass es nicht ich hab ne gute Idee gehabt??? ich werde wohl langsam Krank..^^*

Ok meine 16GB RAM bekomme ich auch nie ausgelastet aber über die 6-8 komme ich manchmal schon. Wen man mit den Richtigen Programmen Arbeitet geht das ganz schnell da muss ich Saij schon zustimmen.

[Jandalf]

(08.01.2013)Odrakis schrieb:  Aber wer hat denn 10 Tabs mit so großen Bildern offen? Oo

Zehn Bilder in einem Tab. Wenn man im Epic Art Thread die falsche Seite aufmacht kann das durchaus mal passieren.

[Odrakis]

Ich sollte lesen lernen, sorry

Ich bin raus hier, mir gehen die Argumente aus und um ehrlich zu sein ist es mir auch egal.

[Saij]

(08.01.2013)Odrakis schrieb:  Aber wer hat denn 10 Tabs mit so großen Bildern offen? Oo

Das sind keine Argumente, Dir gehen diese aus, gib es zu!!!


Nein, sorry, ich kann es jedenfalls keinen Meter nachvollziehen und kriege meine 8 GB RAM NIE ausgelastet (ehrlich, da kann ich machen, was ich will). Eher geht mir der Speicher auf der Festplatte aus, durch temporäre Dateien etc. Wobei DAS dann wieder ein gutes Argument wäre

Das eine hat Jandalf schon geschrieben
Zum RAM: Öhm mir reicht schon meine WebDev VM an den Start zu bringen Dann sind schonmal 4GB RAM weg
Aber gut das ist was besonderes bei mir.
Auf alle Fälle hab ich Chrome, Firefox (erstrecht) und IE (*brrrr* warum hab ich den gestartet -.-) schon desöfteren zum Absturz/Hängen/Warten gebracht in den Art-Threads (abgesehen davon, dass ich die Bilder dann nochmal in nem neuen Tab öffnen darf damit sie der Browser korrekt skaliert und ich sie auf meinem Notebook ansehen kann)

[Evenprime]

Ah, jetzt wo ich das Beispiel auf spam-bronies gesehen habe, verstehe ich die Idee mit dem special spoiler erst richtig. So macht das sicher Sinn.

Nur in dem Beispiel ist immer noch das Problem, dass die Bilder sofort im Hintergrund herunterladen, auch wenn der Spoiler noch nicht geöffnet ist.

[Saij]

Auch das ließe sich dank JavaScript ohne Probleme lösen (der Trick hierbei ist, den IMG Tag erst einzufügen, wenn man auf "Spoiler öffnen" klickt).
Aber das packe ich jetzt nicht hier in einen BBCode. Dafür sollte man ein Plugin schreiben (was sowieso von Vorteil ist, da man dadurch den BBCode etwas mehr variabel mit Parametern halten kann).
Wenn das von der Führungsriege gewünscht ist, kann ich so ein Plugin ganz schnell schreiben und zur Verfügung stellen (dauer: 10 Minuten würd ich schätzen).

[mrx1983]

Dieses Plugin habe ich schon vor Tagen geschrieben und an Rainbowdash28 geschickt.
Ich werde noch ein paar kleine Bugfixes vornehmen, eine Option einbauen das man es im Userprofil je nach eigenem Geschmack ein und ausschalten kann, und dann könnte man das im Grunde in Betrieb nehmen

http://www.rainbowdash.tv/mrx1983_spoiler_0.1.rar

[Saij]

Mh. Du überschreibst damit den bisherigen Spoiler. Daneben findet sich keine Option das Bild in einem neuen Tag zu öffnen. (Abgesehen von deinem Programmierstil - Tabs nutzen und Leerzeichen - dann kann man es auch besser lesen)

Mir erschließt sich auch nicht der Sinn des 2. preg_replace. Hier entfernst du eigentlich nur die Zeilenumbrüche. Warum? Notwendig ist es nicht. Und preg_replace ist nicht gerade billig.

[mrx1983]

(08.01.2013)Saij schrieb:  Mh. Du überschreibst damit den bisherigen Spoiler. Daneben findet sich keine Option das Bild in einem neuen Tag zu öffnen. (Abgesehen von deinem Programmierstil - Tabs nutzen und Leerzeichen - dann kann man es auch besser lesen)

Mir erschließt sich auch nicht der Sinn des 2. preg_replace. Hier entfernst du eigentlich nur die Zeilenumbrüche. Warum? Notwendig ist es nicht. Und preg_replace ist nicht gerade billig.

Ja ist eine Ersetzung für den bisherigen Spoiler.
Warum soll man auch einen neuen einführen?
So wirkt er direkt auf alles bisherigen Spoiler.
Eine Option wie das öffnen im neuen Tag hatte ich damals nicht einprogrammiert, mit dem Plugin wollte ich erstmal das Problem lösen das Bilder einfach vorgeladen werden.
Leerzeichen und Tabs sind in ausreichender Menge vorhanden, der Code ist meiner Meinung nach übersichtlich.
Das 2. Preg Replace war auch im Original Spoiler Plugin, und ich habs drin gelassen.

---

Also meiner Meinung nach, sollte man den Usern einfach die Möglichkeit geben, zu entscheiden ob sie Bilder in Spoilern vorgeladen haben möchten, od. lieber resourcenschonender ohne Vorladen.
Und das möchte ich mit meinem Plugin erreichen.

[L]

Deadend

[Saij]

So. Hier mal ein Imagespoiler Plugin von mir geschrieben:

PHP-Code:

<?php
$plugins->add_hook('parse_message', 'imgspoiler_run');
$plugins->add_hook('global_end', 'imgspoiler_javascript');

function imgspoiler_info() {
        return array(
                'name'          => 'Spoiler BBCode for big images',
                'description'   => 'Hides the image specified in the [imgspoiler] tag and only loads it when the spoiler is opened.',
                'website'       => '',
                'author'        => 'Saij',
                'authorsite'    => '',
                'version'       => '0.1',
                'guid'          => '0CFC4E10599211E2A05099F76188709B',
                'compatibility' => '16*'
        );
}

function imgspoiler_activate() {
}

function imgspoiler_deactivate() {
}

function imgspoiler_run($message) {
        // Replace imgspoiler without name
        $pattern = '#\[imgspoiler\](.*?)\[\/imgspoiler\]#si';
        $replace = '<div><div class="spoiler_header">Imagespoiler <a href="javascript:void(0);" onclick="javascript:imgspoiler_click(parentNode.parentNode, \'$1\');">(Click to View)</a>&nbsp;<a href="javascript:void(0)" onclick="javascript:window.open(\'$1\', \'_blank\');">(Open in new window)</a></div><div class="spoiler_body" style="display: none;"></div></div>';

        $message = preg_replace($pattern, $replace, $message);

        // Replace imgspoiler with name
        $pattern = '#\[imgspoiler=(?:&quot;|"|\')?(.*?)["\']?(?:&quot;|"|\')?\](.*?)\[\/imgspoiler\]#si';
        $replace = '<div><div class="spoiler_header">$1 <a href="javascript:void(0);" onclick="javascript:imgspoiler_click(parentNode.parentNode, \'$2\');">(Click to View)</a>&nbsp;<a href="javascript:void(0)" onclick="javascript:window.open(\'$2\', \'_blank\');">(Open in new window)</a></div><div class="spoiler_body" style="display: none;"></div></div>';

        $message = preg_replace($pattern, $replace, $message);

        return $message;
}

function imgspoiler_javascript() {
        global $headerinclude;

        $js = <<<__EOB__
<script type="text/javascript" language="javascript">
//<![CDATA[
        function imgspoiler_click(spoiler, image) {
                var header = spoiler.getElementsByTagName('div')[0];
                var body = spoiler.getElementsByTagName('div')[1];
                var link = header.getElementsByTagName('a')[0];

                if (body.style.display == 'block') {
                        body.style.display = 'none';
                        link.innerHTML = '(Click to View)';
                } else {
                        var img = body.getElementsByTagName('img');
                        if (img.length == 0) {
                                img = document.createElement('img');
                                img.setAttribute('src', image);
                                body.appendChild(img);
                        }

                        body.style.display = 'block';
                        link.innerHTML = '(Click to Hide)';
                }
        }
//]]>
</script>
__EOB__;

         $headerinclude = $headerinclude . $js;
}
?>

Einfach den Code in eine Datei mit dem Namen imgspoiler.php in das Verzeichnis /inc/plugins packen und im Backend aktivieren.

Beispiele:

Code:

[imgspoiler="Hier steht ein Imagespoiler"]http://www.bronies.de/images/sweetdreams/logo.png[/imgspoiler]
[imgspoiler]http://www.bronies.de/images/sweetdreams/logo.png[/imgspoiler]

Unterstützt wird nachladen von Bildern (sobald man den Spoiler öffnet wird das Bild geladen) sowie das öffnen in einem neuem Tab/Fenster.


@mrx

PHP-Code:

function callbackfunc($treffer)
{
 preg_match("#\[spoiler=(?:"|\"|')?(.*?)[\"']?(?:"|\"|')?\](.*?)\[\/spoiler\]#si", $treffer[0], $ergebnis);
 $spoilerstr=($ergebnis[1])?($ergebnis[1]):("Spoiler");
 $message=preg_replace('#<img(.*?)src="(.*?)"(.*?)/>#i', '<img alt=\'$2\'>', $treffer[1]);
 return "<div><div class=\"spoiler_header\">$spoilerstr <a href=\"javascript:void(0);\" onclick=\"javascript:changeheader(parentNode.parentNode.getElementsByTagName('div')[1],this)\">(Click to View)</a></div><div class=\"spoiler_body\" style=\"display: none;\">$message</div></div>";
} 


Das ist Code den ich aus deiner Datei raus habe. Leserlich ist was anderes. Keine Leerzeichen vor und nach dem =´
Nur ein Leerzeichen am Anfang der Zeile.
Mein Kollege neben mir hat btw. nur den Kopf geschüttelt. Leserlich ist wirklich was anderes.

Gruß
Saij