Mini SlideShow mit Bilder Spezial

[nameless1]

für jeden der das oben genannte nutzen möchte:
es ist sinnlos zweimal das selbe javascript in einem quellcode zu haben. einmal eingebunden im head, einmail im template.

am besten das template schmall und übersichtlich halten und im eingebundenen javascript den verweis auf css raushauen.
dafür gibts das frontend! zumindest bei den seiten dies eh auf ziemlich jeder seite nutzen.

alles in allem eine kleine, feine lösung die bequem über olivers bilder spezial bedient werden kann.

cheers.


nml

[kukki]

In der Version R 412ff funktioniert dieser Minislider nicht mehr. Ich habe zwar <!-- JS: MORE:Fx/Fx.Scroll --> eingesetzt, das rührt das Template gar nicht. Gibt es eine wesentliche Änderung, die ich nicht beachtet habe - oder eben ein alternatives Template?

Code: Select all

    <!--IMAGES_HEADER_START//-->

    [TITLE]<h1>{TITLE}</h1>[/TITLE]
    [SUBTITLE]<h2>{SUBTITLE}</h2>[/SUBTITLE]
    [TEXT]{TEXT}[/TEXT]

    <div id="imageContainer">

    <!--IMAGES_HEADER_END//-->

    <!--IMAGES_ENTRY_START//-->
          [ZOOM]<a href="{IMAGE_ABS}" {LIGHTBOX_CAPTION}target="_blank"{LIGHTBOX}><img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0" /></a>
    [/ZOOM][ZOOM_ELSE]
          [IMAGE_URL]<a href="{IMAGE_URL}"{IMAGE_TARGET}>[/IMAGE_URL]<img src="{THUMB_ABS}" alt="{INFOHTML}" border="0" />[IMAGE_URL]</a>[/IMAGE_URL]
    [/ZOOM_ELSE]
    <!--IMAGES_ENTRY_END//-->

    <!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->

    <!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->

    <!--IMAGES_FOOTER_START//-->
       </div>

<!-- JS: MORE:Fx/Fx.Scroll -->
    [PHP] .....

    [/PHP]
    <!--IMAGES_FOOTER_END//-->

[EDIT]
Erste Hürde war die immer noch zu hohe timeoutZeit, die ich runter gesetzt habe.
Zweite Hürde - da finde ich keinen Anhaltspunkt - die Bilder werden geladen, das zuletzt geladene Bilder für ca. 1/2 Sekunden zu sehen und dann erst begint der Slider. Ich habe die DEMO mal so stehen lassen. Was muß hier verändert werden
[/EDIT]

03.03.2011:
[EDIT] Jetzt funzt es wieder. Im Gegensatz zu anderen Verwendungen bei <BILDER SPEZIAL> wird hier nur das erste Bild eingetragen - und nicht zwei (gleiche). Das muß doch einem dummen Menschen gesagt werden [/EDIT]

[top]

Da beim Web Developer Addon des aktuellen Firefox am laufenden Band Warnungen in der Fehlerkonsole auftauchen, habe ich bei der xfade2.js bei mir noch etwas erweitert.

Statt:

Code: Select all

...
          obj.style.opacity = obj.xOpacity;
          obj.style.MozOpacity = obj.xOpacity;
          obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")"; 
       }
    }

steht bei mir jetzt:

Code: Select all

...
          obj.style.opacity = obj.xOpacity;
          obj.style.MozOpacity = obj.xOpacity;
          if (navigator.appName == "Microsoft Internet Explorer") { 
             obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")"; 
          }
       }
    }

Da Javascript nicht gerade meine Stärke ist, wäre schön wenn sich jemand von euch mal anschauen könnte ob das so sinnvoll ist, oder ob es da geschicktere Methoden für gibt.

[Iller13]

Hi,

sagt einmal, gibt es eine Möglichkeit das das neu einzublendene Bild langsamer eingeblendet wird, also ein fließender Übergang entsteht?
Momentan erscheint das neue Bild bei der Überblendung recht schlagartig.
Im Code finde ich leider keinen Anhaltspunkt. Aber ich checke den au net wirklick .

Danke & Grüße
13

[kukki]

Vergiss diesen Thread und such Dir ein jQuery Script - MooTools wird nicht mehr richtig unterstützt und ist eigentlich auf einem abgestorbenen Ast sitzend.

[Iller13]

Vergiss diesen Thread und such Dir ein jQuery Script - MooTools wird nicht mehr richtig unterstützt und ist eigentlich auf einem abgestorbenen Ast sitzend.

Hi kukki,

ja, das Ding is aber simpel und tut zu 95% was es soll.
Solange der Ast noch nicht kracht.
Hast du evtl. einen Ersatz, simpler Slider über bilder spezial oder bilder?

Grüße
13

[kukki]

Ja, hab ich - schau mal hier!

[top]

Ich nutze das alte Teil gelegentlich immer noch ganz gerne, da es unabhängig von jQuery und MooTools läuft.

Wenn dir die Geschwindigkeit hier besser gefällt, kannst du dir das angepasste Script direkt kopieren: http://www.huth-mueller.de/xfade2.js

Wie das Teil genau arbeitet weiß ich nicht. Schau dir einfach an welche Werte ich geändert habe und passe es nach eigenen Wünschen an.

[Oliver Georgi]

Sehr old-schoolige Variante eines Sliders. Also Cycle Slider hier:
https://github.com/slackero/phpwcms-ext ... cle-slider
ist deutlich flexibler und einfacher zu implementieren.

Es gibt eigentlich kein sinnvolles Argument mehr, auf jQuery zu verzichten. Läuft elegant und alle Browser kommen mit JavaScript schnell genug zurecht. Wenn es leichter sein soll, kann man meist auf Zepto.js ausweichen. Wobei das eher für mobile Entwicklung sinnvoll ist.