So I'm currently making like a fansite layout, just something for me to play around with and all sorts.
Anyway,
there is 2 image sliders on my page, the 1st one works and the second one doesn't yet it is using the same javascript code.
here is the HTML for the first slider:
and for the second slider:
the styling of the slideshow has no particular related things, just the background colour if the image is not there. So I'm a bit stuck and would appreciate if help was given.
Anyway,
there is 2 image sliders on my page, the 1st one works and the second one doesn't yet it is using the same javascript code.
here is the HTML for the first slider:
HTML:
<div class="banner_slider">
<div class="slider_border">
<div id="slider">
<div id="slideShowImages"> // This bit relevant for viewers
<img src="_images/slider_image_1.png" alt="Slide 1" />
<img src="_images/slider_image_2.png" alt="Slide 2" />
<img src="_images/slider_image_3.png" alt="Slide 3" />
<img src="_images/slider_image_4.png" alt="Slide 4" />
<script src="_js/slideShow.js"></script>
</div>
</div>
</div>
</div>
HTML:
<div class="content_slider_border">
<div id="content_slider">
<div id="slideShowImages"> // This bit relevant for viewers
<img src="_images/slider_media_image_1.png" alt="Slide 1" />
<img src="_images/slider_media_image_2.png" alt="Slide 2" />
<img src="_images/slider_media_image_3.png" alt="Slide 3" />
<img src="_images/slider_media_image_4.png" alt="Slide 4" />
<script src="_js/slideShow.js"></script>
</div>
</div>
</div>
the styling of the slideshow has no particular related things, just the background colour if the image is not there. So I'm a bit stuck and would appreciate if help was given.