Es ist nicht unbedingt erforderlich, die gesamte Interface-Bibliothek einzubinden, es reichen iutil.js, slideshow.js und itooltip.js. Wie diese Demonstrationsseite zeigt, können problemlos zwei oder sogar noch mehr Slideshows eingebunden werden. Wenn bei zwei oder mehr Slideshows die Anzeige des Bildtitels und der Links unterschiedlich sein soll, dann müssen unterschiedliche CSS-Klassen für diese Objekte definiert werden.
Die Bilder können auf zwei unterschiedlichen Wegen eingebunden werden:
Diese beiden Möglichkeiten der Einbindung können auch gemischt erfolgen. In der Slideshow werden dann die Bilder aus beiden Einbindungsmöglichkeiten angezeigt.
Wenn die Einbindungsmöglichkeiten gemischt werden, werden zuerst die Bilder aus der jQuery-Interface-Struktur und dann die mit img-Tag eingebundenen Bilder angezeigt.
Bei den mit img-Tag eingebundenen Bilder wird der Inhalt des title-Attributs als Caption angezeigt. Bei dieser Form der Einbindung werden die Größenangaben ignoriert.
Insgesamt ist darauf zu achten, dass keine Bildinhalte abgeschnitten werden. In diesem Beispiel werden Bilder mit einer Abmessung von 800x600 Pixel in einem div-Objekt mit 800x640 Pixel angezeigt.
Im Demo-Orginal:
