Hallo
Ich habe eine Slideshow (Jquery/Jquery Cycle) in einer Webseite eingebaut und diese so umgebaut damit der Pager also die Standartmässigen Nummern um das Slide Bild zu wechseln nicht als Nummer angeben wird, sondern als Textboxen für jedes einzelne Bild eine andere.
Jetzt hab ich aber rausgefunden das sobald ich ein Link in diese Textbox einfüge diese Textbox aber gleichzeitig als "Click function" Navigation für das Bild in der Slideshow fungiert nicht funktioniert.
Also ich kann diesen Link in der Slideshow zwar anklicken aber es passiert nichts ausser das sich das Bild wechselt sofern man in der Slideshow eine Textbox auswählt die nicht gewählt ist.
Hier noch der Code für das Javascript
Ich hoffe jemand kann mir helfen das Problem zu lösen damit man den Link anklicken kann und dan auch auf die entsprechende Seite weitergeleitet wird.
Beste Dank
Ich habe eine Slideshow (Jquery/Jquery Cycle) in einer Webseite eingebaut und diese so umgebaut damit der Pager also die Standartmässigen Nummern um das Slide Bild zu wechseln nicht als Nummer angeben wird, sondern als Textboxen für jedes einzelne Bild eine andere.
Jetzt hab ich aber rausgefunden das sobald ich ein Link in diese Textbox einfüge diese Textbox aber gleichzeitig als "Click function" Navigation für das Bild in der Slideshow fungiert nicht funktioniert.
Also ich kann diesen Link in der Slideshow zwar anklicken aber es passiert nichts ausser das sich das Bild wechselt sofern man in der Slideshow eine Textbox auswählt die nicht gewählt ist.
Hier noch der Code für das Javascript
Code:
<script type="text/javascript">
{literal}
$(document).ready(function(){
var lastslide=0;
$('ul#slides_{/literal}{$showid}{literal}').cycle({ {/literal}
{if $show.st_showtext || $show.st_showcomment}
before: onbefore_{$showid},
{/if}
fx: '{$show.st_transition}',
speed: {$show.st_transitiontime},
timeout: {$show.st_rotatetime},
pagerEvent: 'mouseover',
{if !$show.st_autoplay}
timeout: 0,
{/if}
{if $show.st_shuffle}
random: 1,
{/if}
fastOnEvent: false,
pause: {$show.st_pauseonhover},
pauseOnPagerHover: {$show.st_pauseonhover},
prev: '#prev_{$showid}',
next: '#next_{$showid}'
{if $show.st_showtext || $show.st_showcomment},after: onafter_{$showid},{/if}
pager: '#slideshow_nav_{$showid} ul',
{literal}
//************************ Dies hab ich eingebaut für die Textbox Pager Funktion ******************* //
// callback fn that creates a thumbnail to use as pager anchor
pagerAnchorBuilder: function(ind, el) {
return '#slideshow_nav_{/literal}{$showid}{literal} ul li:eq(' + ind + ')';
}
});
$("#slideshow_{/literal}{$showid}{literal}").hover(function() {
$("ul#prevnextnav_{/literal}{$showid}{literal}").fadeIn();
},
function() {
$("ul#prevnextnav_{/literal}{$showid}{literal}").fadeIn();
});
{/literal}{if $show.st_showtext || $show.st_showcomment}{literal}
function onbefore_{/literal}{$showid}{literal}() {
$('#com_{/literal}{$showid}{literal}_'+lastslide).clearQueue();
$('#com_{/literal}{$showid}{literal}_'+lastslide).hide();
}
function onafter_{/literal}{$showid}{literal}(curr, next, opts) {
var index = opts.currSlide;
var indexlast = opts.lastSlide;
$('#com_{/literal}{$showid}{literal}_'+index).queue(function (){
lastslide=index;
$(this).delay(100);
$(this).fadeIn(600);
$(this).dequeue();
});
}
{/literal}{/if}{literal}
});
{/literal}
</script>Ich hoffe jemand kann mir helfen das Problem zu lösen damit man den Link anklicken kann und dan auch auf die entsprechende Seite weitergeleitet wird.
Beste Dank
Anhänge
Zuletzt bearbeitet:
