| Javascript: slideshow |
| Written by Andreas Berger | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Saturday, 19 April 2008 07:47 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
bretteleben.de JavaScript Slideshow - Updated 20090406!A simple slideshow-script, started onload or by link, the transition is fading, once started, the script runs nonstop. DisplayThe script shows the given images in the selected DIV-container. It is started either automatically on page load or by the click on optional control-elements. On page load the script replaces the contents of the given DIV-container which gives you the opportunity to integrate a static picture or a notice (like: the slideshow requires JavaScript) thus providing a fallback for visitors with JavaScript disabled. FunctionalityThe script works thinkable easy. The given pictures lie one upon the other in a DIV-container. The "one upon the other" is realized by the use of the z-index. Whilst sliding through the pictures the topmost picture is faded out and then - as in a pack of cards - put to the bottom of the deck. That´s all. Installation and Configuration:The integration into the webpage and the configuration of the parameteres is illustrated in detail on the following three sample pages:Slideshow Sample 01 - just one slideshow, standard configuration Slideshow Sample 02 - different pages with one slideshow each, one scriptfile Slideshow Sample 03 - multiple slideshows one one page, one scriptfile Notice: The Samples are built on top of each other. DemoSample of two slideshows on one page (shown inside an inline-frame): Browser-compatibilityThe JavaScript is till now tested as follows:
Notice: Internet Explorer refuses to center smaller images vertically, other browsers do it. LicenseThe script is licensed under the GNU Public License (www.gnu.org/copyleft/gpl.html). update Version: 20090406Version 20090406 Miscellaneous I am happy about everybody who gives me a link back to www.bretteleben.de on his website, this way helping me to popularize the script. The JavaScript "bretteleben.de JavaScript Slideshow" is till now listed in different JavaScript - resources, including the largest - as far as i know - JavaScript resource: HotScripts. DownloadThe ZIP-archive contains a demo-page. By downloading it you agree to the terms of the GNU Public License.
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Last Updated on Wednesday, 13 January 2010 09:11 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Internet Explorer 
Firefox
Opera
Safari
Chrome
Ja, und die Slideshow versucht explizit den onload Event so zu nutzen, dass andere Scripts, die das auch tun, nicht beeinträchtigt werden. Wenn das Script das Du parallel verwendest, das nicht tut, sich also nicht um Andere schert, dann gibt es nur zwei Möglichkeiten:
1.) Der onload-Befehl des Scripts, das Du parallel verwendest, muss als erstes aufgerufen werden. Wenn das so ist, die Slideshow behindert Dein zweites Script nicht und es sollte dann alles laufen.
2.) Wenn das nicht geht (weil der onload Befehl des zweiten Scripts zum Beispiel praktischerweise in den BODY-TAG der Seite muss), dann bleibt Dir nur entweder eins der Scripts wegzulassen oder das zweite Script umzuschreiben (bzw. den Entwickler darum zu ersuchen).
Gruß
Andreas
vielen Dank für das tolle Script. Funktioniert soweit auch einwandfrei. Nur ein kleines Problem gibt es. Ich verwende auch die Lightbox und sobald angegeben wird, funktioniert die Slideshow nicht mehr. Es können zwar die JavaScript-Datei eingebunden werden, aber onload="initLightbox();" schaltet die Slideshow ab. Es kommt keine Fehlermeldung. Sie wird nur einfach nicht geladen. Ist evtl. dieses Problem bekannt?
Grüße
Beides:
Du darfst Inhalte der Webseite nicht ohne ausdrückliche Genehmigung verwenden, also weder meine geistreichen Texte ungefragt abschreiben und als Deine ausgeben noch die Bilder ungefragt z.B. in Deine Seite einbauen, etc. etc.
Die Slideshow ist unter der GPL lizensiert. Das ist eine ausdrückliche Erlaubnis sie entsprechend den Richtlinien der GPL (2 oder höher) zu verwenden.
Es spricht also prinzipiell nichts dagegen, sie für ein kommerzielles Projekt einzusetzen. Es gilt halt die GPL (Copyrighthinweise unangetastet lassen, bei Modifikationen diese kennzeichnen, die Weitergabe des Scripts hat wieder unter der GPL zu erfolgen, usw.). Nichts Böses.
Gruß
Andreas
Ich würde gerne das Superscript der Slideshow für eine kommerzielle Webseite benutzen. Lt. GNU ist ein derart lizensiertes Script frei nutzbar, auch für kommerzielle Seiten. Lt. deinem Impressum liegt auf allen Inhalten deiner Website aber ein Copyright und die Verwendung ist nur mit ausdrücklicher Genehmigung erlaubt. Darf ich oder nicht????
Ich freue mich auf deine Antwort.
thank you very much for that code! I was searching for a slideshow which works both with InternetExplorer and Firefox, and your's the one!
Thank you also very much for your great help with including the script into my website!
The Donation will follow!!!
Best regards,
Ben
Danke für die nette Nachricht, danke für den Link und danke für die großzügige Spende. Du hast das Repertoire positiven Feedbacks wirklich ausgeschöpft!
Wenn ich mich irgendwie revanchieren kann (zum Beispiel Deine Zeitanzeige wieder - und kompatibel - einbauen, oder was auch immer), dann gib mir bitte Bescheid (andreas_berger@bretteleben.de). Du hast definitiv etwas gut!
Gruß
Andreas Berger
was ich noch sagen wollte:
Auf der Startseite der Homepage www.coole-katzen.de habe ich unten einen Link auf Deine Site angebracht.
Gruß
Alex
mein Enkel wünschte sich für seine Tierhomepage, die ich betreue, eine Slideshow im Kopfbereich. Über Google fand ich Deine Site und Dein Script. Das Script finde ich supertoll. Relativ einfach und vor allem für den Laien hervorragend kommentiert und leicht einzubauen.
Ich hatte trotzdem Probleme. Das lag aber daran (was ich erst mal finden musste), dass ich per JavaSript auf der Homepage einen Uhrzeit-Anzeiger drinnen hatte, der über eine onload-Anweisung im Body-Tag aufgerufen wurde. Anscheinend vertrugen sich die beiden Scripts nicht (wegen des Aufrufs im Body-Tag). Die Uhr (ohnehin nur eine Spielerei) habe ich herausgenommen und danach funktionierte Deine Slideshow perfekt.
Für Dein Script ist eine Spende fällig, die ich über den Button unten links an Dich überweisen werde.
Wenn Du mal schauen willst: www.coole-katzen.de.
Gruß
Alex Halm
Ich gestatte es nicht nur - ich bedanke mich schon im Voraus. Das ist die Art von Werbung, von der diese Seite lebt.
Gruß
Andreas
Die Wetterhex aus Sexau