Page 2 of 2

Re: Mini SlideShow mit Bilder Spezial

Posted: Sat 10. Oct 2009, 21:58
by 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

Re: Mini SlideShow mit Bilder Spezial - funktiniert nicht mehr

Posted: Thu 10. Feb 2011, 10:42
by 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 8) :lol: [/EDIT]

Re: Mini SlideShow mit Bilder Spezial

Posted: Wed 28. Sep 2011, 16:20
by 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.

Re: Mini SlideShow mit Bilder Spezial

Posted: Fri 16. Aug 2013, 11:13
by 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

Re: Mini SlideShow mit Bilder Spezial

Posted: Fri 16. Aug 2013, 11:53
by 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. :mrgreen:

Re: Mini SlideShow mit Bilder Spezial

Posted: Fri 16. Aug 2013, 14:20
by Iller13
kukki wrote:Vergiss diesen Thread und such Dir ein jQuery Script - MooTools wird nicht mehr richtig unterstützt und ist eigentlich auf einem abgestorbenen Ast sitzend. :mrgreen:
Hi kukki,

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

Grüße
13

Re: Mini SlideShow mit Bilder Spezial

Posted: Fri 16. Aug 2013, 14:51
by kukki
Ja, hab ich - schau mal hier!

Re: Mini SlideShow mit Bilder Spezial

Posted: Fri 16. Aug 2013, 15:09
by 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.

Re: Mini SlideShow mit Bilder Spezial

Posted: Sun 18. Aug 2013, 07:43
by 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.