Download image slideshow

Licensing

This script is distributed under the LGPL open source license.
Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year.

Download script

You can download the entire script from this zip file.

Add images to slideshow

In the <body> section, add images to the slideshow in the <div id="theImages"> section

This is done with the following syntax:
<a href="#" onclick="showPreview('images/image1_big.jpg');return false"><img src="images/image1.jpg"></a>

image1.jpg is the small image, while image1_big.jpg is the larger version of image1.jpg, i.e. the image that is loaded into the preview pane

When someone opens the page, you can have a default image showing in the preview pane. This is done by adding a <img> into the "previewPane" div. Example:

<div id="previewPane">
<img src="images/image1_big.jpg">
</div>

Add image captions

Image captions are added right below the <A> tags for your small images. Example:

  <div class="imageCaption">This is the caption of image number 1</div>
  <div class="imageCaption">This is the caption of image number 2</div>
  <div class="imageCaption">This is the caption of image number 3</div>
  <div class="imageCaption">This is the caption of image number 4</div>
  <div class="imageCaption">This is the caption of image number 5</div>
  <div class="imageCaption">This is the caption of image number 6</div>
  <div class="imageCaption">This is the caption of image number 7</div>
  <div class="imageCaption">This is the caption of image number 8</div>

Change size of gallery

If you're not satisfied with the initial appearance(width, height, border colors etc.) of the gallery, you can make adjustments to the CSS(The <style type="text/css"> part). Look at the comments in the CSS for further information

Comments

<a href=https://arendakatera.pro/vladivostok/jet-ski/>Аренда гидроцикла Владивосток</a>. Большой выбор гидроциклов в аренду от собственника. На сервисе arendakatera.pro вы можете сдать или взять в аренду гидроцикл
можно здесь --->>><a href=https://arendakatera.pro/vladivostok/jet-ski/>Аренда гидроцикла Владивосток</a>

Jessegathy at 12:29PM, 2024/08/18.

Discover the secrets to achieving optimal wellness with our expert guidance. From mindful movement and natural skincare to gut health supplements and digital detox retreats, our comprehensive resource covers it all. Learn how to prioritize your mental health, boost your energy, and nourish your body with our actionable tips and expert advice. Whether you're looking to improve your sleep hygiene, optimize your fitness routine, or simply find a sense of calm, we've got you covered. Explore our curated content and start your journey towards a balanced, holistic lifestyle today!

[url=https://wellness-warrior-guide.blogspot.com/2024/07/physical-wellness-guide-start-strong-no.html]Mindfulness Exercises[/url]

WilliamExods at 04:08AM, 2025/04/05.

Post your comment

Please wait...

Your name:
Your email:
Your website:
Don't have an avatar? Create one at Gravatar.com.