Hi
I'm totally new to JQuery.
I want to make the images only change when they are clicked
and not when the slideshow loaded.
How do I do this please?
Many Thanks and Best Regards
Charles
<script type="text/javascript">
SqueezeBox.parsers.extend({
gallery:function(preset) {
if (document.id(this.options.target)) return document.id(this.options.target);
if (this.element && !this.element.parentNode) return this.element;
return (preset ? this.element : false);
}
});
SqueezeBox.handlers.extend({
gallery: function(el) {
if (el) return el;
el=document.id('images');
if (el) return el;
return this.onError();
},
});
function show_gallery(anchor) {
anchor.removeProperty('href');
SqueezeBox.open($('images'), {
handler: 'gallery',
size: {x: 400, y: 600},
url:'',
onClose:function() {
var gallery=document.id('images');
document.id('images_gallery').grab(gallery);
document.id('pika_anchor').addEvent('click',function() {
show_gallery(this);
});
},
onOpen:function() {
document.id('pika_anchor').removeEvents('click');
}
});
}
jQuery(document).ready(function (){
var a = function(self){
document.id('pika_anchor').addEvent('click',function() {
show_gallery(this);
});
};
jQuery("#pikame").PikaChoose({buildFinished:a});
});
</script>