MODUL: Thickbox animiert

[noRiddle (revilonetz)]

@TrueSlide
Du kannst mich über das Häuschen links unter meinem Avatar-Icon kontaktieren.
Wenn die Änderung der von mir genannten Werte auf 300 oder 400 nichts bewirken, tippe ich auf einen Einbaufehler.

@mrheat
Das sieht aus als hättest du einen Javascript-Konflikt mit der jQuery-ui.
Müsste ich mal einen Link haben um mir das anzuschauen.
Evtl. auch ein Einbaufehler.

-----------------------------------------------------------------------------------

Achso? War da vorher noch mehr "Geblubber" drin?

Okay.
Denke, einfach Screenshots drinlassen und den "CSS styling Tipp:".
Texte alle rausschmeißen und statt dessen einfach folgende Übersicht, dann sollte es übersichtlich sein:
(Das folgende kannst du ja so kopieren, Tomcraft)

Thickbox animated advanced -Plugin
Features (bestimmbar im Aufruf $(document).ready();):

• es kann zwischen zwei Erscheinungseffekten gewählt werden
• es kann die Erscheinungsgeschwindigkeit eingestelt werden
• es kann zwischen drei Effekten für Bildwechsel gewählt werden
• es kann die Geschwindigkeit der Bildwechsel
  - unabhängig von der Erst-Erscheinungsgeschwindigkeit -
  eingestellt werden
• es kann der Text für Bild / Image sprachabhängig über Sprachkonstanten bestimmt werden
• es kann der Text für das 'von' bei 'Bild 1 von 3' sprachabhängig über Sprachkonstanten bestimmt werden
• es können die Symbole für 'next' und 'previous' bestimmt werden,
  entweder mit HTML-Entities (>, < oder →, ← oder », «)
  oder mit sprachabhängigem Text über Sprachkonstanten
• es kann das 'Close'-Symbol bestimmt werden,
  entweder hardcodiert ('X' oder 'x')
  oder mit sprachabhängigem Text über Sprachkonstanten
• es kann zwischen drei Effekten für das Verschwinden der Thickbox bei Klick auf 'Close' gewählt werden

Screenshots:
---

Beispiel-CSS:
---

Gruß,
noRiddle

[Tomcraft]

Erledigt, Danke dir!

Grüße

Torsten

[noRiddle (revilonetz)]

Aus gegebenem Anlass hier noch ein Hinweis:
Die Zahlenangaben hier

Code: Javascript  [Auswählen]

'speed_init':700,  //default 700
'speed_skim':600, //default 600

also die 700 und die 600 (oder was immer Ihr da angeben möchtet), dürfen nicht in Anführungsstrichen stehen.
Ansonsten würden sie nicht als milliseconds-Angabe sondern als string verstanden.
Ergebnis: wird ignoriert und Thickbox öffnet sich zu schnell, sodaß andere Parameter nicht mehr korrekt ausgeführt werden.

Das könnte auch bei denen der Grund sein die Probleme mit manchen Effekten haben (TrueSlide, mrheat).

Gruß,
noRiddle

[mrheat]

in der Tat hatte ich die Zeitparameter in Anführungsstrichen angegeben. Jetzt sehe ich auch Veränderungen, wenn ich mit diesen Parametern spiele. Aber grundsätzlich hat sich leider nicht geändert, ich vermute auch ein Problem mit der jquery-ui.js. Frage hierzu: ich habe als jquery.js die Version 1.8.3, als jquery-ui.js die Version aus der 1.06 (jquery-ui-1.8.2.custom.min.js) - kompatibel ???

@noRiddle
Dich auf meine Entwicklungsmaschine durchzulassen ist mir ehrlich gesagt zu aufwendig (wobei ich mir eine solche Hintertür durch meine FWs in Zukunft einmal bauen sollte ...). Ich werde daher dieses Modul im Produktivshop einbauen und melde mich dann.

Gruss   Dirk

[noRiddle (revilonetz)]

Okay, ich hatte in der Tat einen dummen Flüchtigkeitsfehler im Plugin, sorry vielmals.
Problem trat in meinem Demoshop nicht auf da ich dort ein eigenes Tab-Modul habe und die jQuery-ui gar nicht benutze.
Deshalb hier die gefixte Version.

Tomcraft, könntest du bitte das *.zip einfach austauschen im ersten Post.
Vielen Dank.

Irgendwie übersieht man doch immer irgend etwas...  

Gruß,
noRiddle

[EDIT Tomcraft 15.05.2013: Modul in Beitrag 1 aktualisiert.]

[Tomcraft]

[...]
Tomcraft, könntest du bitte das *.zip einfach austauschen im ersten Post.
Vielen Dank.

Irgendwie übersieht man doch immer irgend etwas...  
[...]

Klaro, schon erledigt.

Grüße

Torsten

[mrheat]

@noRiddle

ein erster Test sieht gut aus. Checke morgen die anderen Funktionen und melde mich. Vielen Dank für Deinen Einsatz 

    Dirk

[TrueSlide]

Von mir dann jetzt auch die entsprechende Rückmeldung.
"Ja", auch ich hatte den gleichen Einbaufehler. Jetzt laufen auch die anderen Optionen.

Eine dumme Frage habe ich jetzt aber noch. Welche Datei ist denn jetzt nochmal genau geändert worden? Stehe da jetzt etwas auf dem Schlauch.

[Ceciro]

@noRiddle,

freut mich das der   auf Gegenliebe gestoßen ist. Der begleitet und beruhigt mich schon seit Jahren im Wahnsinn des Tagesgeschäftes.

Und danke für das Feedback und die Fehlerhinweise. Letzteres unterscheidet den Experten vom Händler 

Die jQuery-Bibliothek konnte ich auf 1.4.1 updaten, mehr geht nicht ohne negative Folgen auszulösen. Das ist halt der Preis für die große Individualität, die jeder einzelne Shop haben kann.

Gruß
Cicero

[mrheat]

@noRiddle
läuft alles prima ! bereits im Produktivsystem umgesetzt - nochmals danke für diese Erweiterung, sollte imho ins Standard-modified übernommen werden.

Gruss  Dirk

[noRiddle (revilonetz)]

@Tomcraft
Merci beaucoup.

@TrueSlide
Es gab einen kleinen Fehler in der thickboxPluginMin.js der mrheat's Fehler a.lis is null hervorgerufen hat. Der ist nun behoben.

@mrheat
Na geht doch.

@Cicero
Du hast ~ui.tabs.css und ~modLightbox.css zweimal implementiert
- die ~modLightbox.css beim zweiten mal sogar nach dem Javascript -
was für die Effekte der animierten Thickbox negative Folgen hat..
Überhaupt hast du ein ziemliches Durcheinander im Head-Bereich.
Ich denke, daß du mit Sicherheit mit jQuery auf min. 1.7 gehen kannst wenn man mal aufräumt.

Gruß,
noRiddle

[Ceciro]

 

Und ich hatte mich schon gewundert, warum zwei Zeilen Code in der einen Datei drin waren und in der anderen nicht... einfach die verkehrte, weil alte Version beim Einbau erwischt.

Ich habe gerade 250 h Arbeit vor mir, da muss das Aufräumen erst einmal warten.

Gruß
Cicero

[noRiddle (revilonetz)]

Hallo Community.
Da es bei manchen CSS-Styles und der Option 'box_appear':'w_h' immer noch zu zu frühem Aufblitzen des Bildes im Container kam,
was ich unschön fand,
hier die neue optimierte Version mit feineren Übergängen und optimierter Geschwindigkeit durch Speichern gewisser Animations-Werte in Variablen.

Außerdem neu:
Wenn man Videos von YouTube, Vimeo oder ähnlichen Portalen in der Thickbox zeigen möchte, kann es zu folgender Fehlermeldung in der Konsole von Firebug kommen:
"Permission denied to call method Location.toString"

Dazu gibt es hier einen kurzen Artikel in welchem behauptet wird es gäbe dafür momentan keinen Workaround.

Lösung:
Diese Fehlermeldung resultiert aus Sicherheitseinstellungen des Flash-Plugins.
Diese Fehlermeldung kann man ignorieren oder eine Datei namens crossdomain.xml ins Root-Verzeichnis legen mit folgendem Inhalt:

Code: XML  [Auswählen]

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
    <cross-domain-policy>
        <site-control permitted-cross-domain-policies="master-only" />
        <allow-access-from domain="*.youtube.com" />
        <allow-access-from domain="*.vimeo.com" />
        <allow-http-request-headers-from domain="*.youtube.com" headers="*" />
        <allow-http-request-headers-from domain="*.vimeo.com" headers="*" />
    </cross-domain-policy>

Den Inhalt evtl. nach Wunsch um weitere Domains erweitern.
Die Datei liegt dem neuen Paket bei (!! bitte crossdomain.xml als UTF-8 (ohne BOM ) belassen und so hochladen !!).

Für die, die die Version 1.1-ad bereits haben, reicht es aus nur die thickboxPluginMin.js gegen die neue aus dem vorliegenden Paket (1.2-ad) auszutauschen
und eben ggfls. die crossdomain.xml ins Root-Verzeichnis zu laden.

Live kann man das Plugin nach wie vor hier sehen.
Dort ist natürlich nur ein Teil der Funktionen zu sehen da der Betreiber natürlich aus den zur Verfügung stehenden Optionen die gewählt hat die ihm gefallen.

Tomcraft, wenn du Zeit hast bitte neue Version im ersten Post anhängen.
Vielen Dank.

Wie immer, viel Freude damit,
noRiddle

[EDIT Tomcraft 18.05.2013: Modul in Beitrag 1 aktualisiert.]

[Tomcraft]

[...]
Tomcraft, wenn du Zeit hast bitte neue Version im ersten Post anhängen.
Vielen Dank.
[...]

Erledigt! Vielen Dank, dass du das immer über den "Moderator informieren" Link meldest. So entgeht uns das auch nicht.

Grüße

Torsten

[noRiddle (revilonetz)]

Vielen Dank.
Es wäre allerdings besser gewesen die neue Datei nur anzufügen.
Habe ja jetzt versioniert.
Das heißt die thickbox-animated-plugin-1.1-ad (neu ist die thickbox-animated-plugin-1.2-ad) hätte drin bleiben sollen um die Chronologie nachvollziehen zu können,
insbesondere auch wegen der neuen Datei crossdomain.xml.
Oder was meinst du, egal ?

Gruß,
noRiddle