Publisher
Neues Mitglied
(Gelöst) Carousel Slider mit Navigation, den Bildern ein eigener Link geben?
Hallo Zusammen!
Slider (der Grosse in der Mitte): Dermastars Shop
Ich habe hier diesen Script verwendet, wie kann ich jedem Bild eine Verlinkung zuweisen? Oder wie soll ich das anders umsetzen? Er soll dann aber immer noch die back-forward funktion, autoslideshow und navigation haben.
Danke schon im Voraus für die Feedbacks!
Hallo Zusammen!
Slider (der Grosse in der Mitte): Dermastars Shop
Ich habe hier diesen Script verwendet, wie kann ich jedem Bild eine Verlinkung zuweisen? Oder wie soll ich das anders umsetzen? Er soll dann aber immer noch die back-forward funktion, autoslideshow und navigation haben.
Danke schon im Voraus für die Feedbacks!
Code:
<script type="text/javascript">
$(document).ready(function() {
// Initialize Minimal Galleriffic Gallery
$('#thumbs').galleriffic({
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
autoStart: true,
delay: 5000
});
});
</script>
<div id="gallery" class="content">
<div class="button_fade_fix">
<img class="prev" src="/themes/modified/img/bannernavig_left.png" alt="" />
<img class="next" src="/themes/modified/img/bannernavig_right.png" alt="" />
</div>
<div id="controls" class="controls"></div>
<div class="slideshow-container">
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li><a class="thumb" href="/themes/modified/img/banner_sliders/Banner-Dermaroller.jpg">1</a></li>
<li><a class="thumb" href="/themes/modified/img/banner_sliders/Banner-Image.jpg">2</a></li>
<li><a class="thumb" href="/themes/modified/img/banner_sliders/Banner-MagicNeedle.jpg">3</a></li>
<li><a class="thumb" href="/themes/modified/img/banner_sliders/Banner-Revitacare.jpg">4</a></li>
<li><a class="thumb" href="/themes/modified/img/banner_sliders/Banner-Stylage.jpg">5</a></li>
</ul>
</div>
Zuletzt bearbeitet: