tengo esto :
Código HTML:
window.addEvent('domready', function() {
// CHANGE THIS !!
var slides = 2; // NUMBER OF SLIDES IN SLIDESHOW, CHANGE ACCORDINGLY
var pos = 0;
var offset = 462; // HOW MUCH TO SLIDE WITH EACH CLICK
var currentslide = 1; // CURRENT SLIDE IS THE FIRST SLIDE
var inspector = $('fullimg'); // WHERE THE LARGE IMAGES WILL BE PLACE
var fx = new Fx.Morph(inspector, {duration: 300, transition: Fx.Transitions.Sine.easeOut});
var fx2 = new Fx.Morph(inspector, {duration: 200, transition: Fx.Transitions.Sine.easeOut});
/* THUMBNAIL IMAGE SCROLL */
var imgscroll = new Fx.Scroll('wrapper', {
offset: {'x': 0, 'y': 0},
transition: Fx.Transitions.Cubic.easeOut // HOW THE SCROLLER SCROLLS
}).toLeft();
/* EVENTS - WHEN AN ARROW IS CLICKED THE THUMBNAILS SCROLL */
addEvent('click', function(event) { event = new Event(event).stop();
if(currentslide == 1) return;
currentslide--; // CURRENT SLIDE IS ONE LESS
pos += -(offset); // CHANGE SCROLL POSITION
imgscroll.start(pos); // SCROLL TO NEW POSITION
});
addEvent('click', function(event) { event = new Event(event).stop();
if(currentslide >= slides) return;
currentslide++;
pos += offset;
imgscroll.start(pos);
});
/* WHEN AN ITEM IS CLICKED, IT INSERTS THE IMAGE INTO THE FULL VIEW DIV */
$$('.item').each(function(item){
item.addEvent('click', function(e) {
e = new Event(e).stop();
fx2.start({
'opacity' : 0
}).chain(function(){
inspector.empty(); // Empty Stage
var loadimg = 'images/ajax-loader.gif'; // Reference to load gif
var load = new Element('img', { 'src': loadimg, 'class': 'loading' }).inject(inspector);
fx2.start({ 'opacity' : 1 });
var largeImage = new Element('img', { 'src': item.href }); // create large image
/* When the large image is loaded, fade out, fade in with new image */
//largeImage.onload = function(){ // While this line of code causes the images to load/transition in smoothly, it cause IE to stop working
fx.start({
'opacity' : 0
}).chain(function(){
inspector.empty(); // empty stage
var description = item.getElement('span'); // see if there is a description
if(description)
var des = new Element('p').set('text', description.get('text')).inject(inspector);
largeImage.inject(inspector); // insert new image
fx.start({'opacity': 1}); // then bring opacity of elements back to visible
});
//};
});
});
});
// INSERT THE INITAL IMAGE - LIKE ABOVE
inspector.empty();
var description = $('first').getElement('span');
if(description) var desc = new Element('p').setHTML(description.get('html')).inject(inspector);
var largeImage = new Element('img', {'src': $('first').href}).inject(inspector);
});
ok, funciona y todo pero lo que pasa es que esta me afecta en evento del click al ser en el head, en concreto lo que necesito es saber como le hago para que este fragmento de javascript solo se ejecute en una parte de codigo html en cual llamo esta JS.
un poco mas espeficico en click derecho no me funciona y cuando doy click en link tampoco funciona, porque la rutina esta afectando estos eventos, como puedo hacer para que solo afecte la parte que neceto y lo demas me lo deje tal cual es?
De antemno muchas gracias, si necesitas mas detalles avisar....