efecto raro

[destor77]

hola:
en esta pagina: http://www.oniricosistemas.com.ar/pr...ules=portfolio

tengo armado un js para que al pulsar sobre algun nº me cargue una imagen, todo anda bien salvo que cada vez que se hace click en un nº y carga la imagen correspondiente la pagina se sube sola, y no logro entender porque sucede.

Alguien me podría decir que estoy haciendo mal?

el js es:

Código javascript:

$(".thumb a").click(function(){
        var imgHref = $(this).attr('title');  //get the src of the thumbnail
        $(".thumb a").removeClass("selected");  //remove .selected class from all other links
        $(this).addClass("selected");  //add .selected class to current link
        $(".big").stop();
        $(".big").stop().fadeTo(700, 0, function() {  //fade image out
            $('.big').attr('src', imgHref );  //give new image a src attribute
            $('.bighref').attr('href', 'big/' + imgHref );
 
        }).fadeTo("slow", 1);  //fade the image in
    },$(".thumb a").mouseout = function(){    //for onmouseout not used here
    });
    
    $(".thumb2 a").click(function(){
        var imgHref = $(this).attr('title');  //get the src of the thumbnail
        $(".thumb2 a").removeClass("selected");  //remove .selected class from all other links
        $(this).addClass("selected");  //add .selected class to current link
        $(".big2").stop();
        $(".big2").stop().fadeTo(700, 0, function() {  //fade image out
            $('.big2').attr('src', imgHref );  //give new image a src attribute
            $('.bighref2').attr('href', 'big/' + imgHref );
 
        }).fadeTo("slow", 1);  //fade the image in
    },$(".thumb2 a").mouseout = function(){    //for onmouseout not used here
    });
 

o si conocen alguna mejor forma de hacerlo...

saludos y desde ya muchas gracias

[David]

Porque los enlaces apuntan al principio de la página (href="#").

Puedes usar otro elemento (no un enlace) o en todo caso cancelar la acción del evento usando event.preventDefault() (event.returnValue = false para Internet Explorer)

[mayid]

Yo hago eso mismo pero escribiendo siempre return false al final de las funciones click:

$(".thumb2 a").click(function(){
var imgHref = $(this).attr('title'); //get the src of the thumbnail
$(".thumb2 a").removeClass("selected"); //remove .selected class from all other links
$(this).addClass("selected"); //add .selected class to current link
$(".big2").stop();
$(".big2").stop().fadeTo(700, 0, function() { //fade image out
$('.big2').attr('src', imgHref ); //give new image a src attribute
$('.bighref2').attr('href', 'big/' + imgHref );

}).fadeTo("slow", 1); //fade the image in
},$(".thumb2 a").mouseout = function(){ //for onmouseout not used here
return false;

});

[destor77]

hola he probado así como dices tu mayid (pongo todo mi js a lo mejor es por eso)

Código javascript:

$(function() {
    $('#legal').click(function(){
        $('#dialog').dialog('open');
        return false;
 
    });
    $("#dialog").dialog({
        autoOpen: false,
        width: 500,
        bgiframe: true,
        height: 340,
        modal: true
    });
 
 
    $('#mensaje').click(function(){
        $("#mensaje").slideUp();
    });
 
    //slider
    $('#rotador').cycle({
        fx:     'fade',
        speed:    5000,
        timeout:  3000,
        height:   207
    });
 
    //acordeon
    $("#accordion").accordion({ active: -1 });
    $("#accordion1").accordion({ active: -1 });
    $("#accordion2").accordion({ active: -1 });
    $("#accordion3").accordion({ active: -1 });
    $("#accordion4").accordion({ active: -1 });
    $("#accordion5").accordion({ active: -1 });
    $("#accordion6").accordion({ active: -1 });
 
    //portfolio
    /*
    $(".thumb a").click(function(){
    var imgHref = $(this).attr('title');  //get the src of the thumbnail
    $(".thumb a").removeClass("selected");  //remove .selected class from all other links
    $(this).addClass("selected");  //add .selected class to current link
    $(".big").stop();
    $(".big").stop().fadeTo(700, 0, function() {  //fade image out
    $('.big').attr('src', imgHref );  //give new image a src attribute
 
    }).fadeTo("slow", 1);  //fade the image in
    },$(".thumb a").mouseout = function(){    //for onmouseout not used here
    });*/
    $(".thumb a").click(function(){
        var imgHref = $(this).attr('title');  //get the src of the thumbnail
        $(".thumb a").removeClass("selected");  //remove .selected class from all other links
        $(this).addClass("selected");  //add .selected class to current link
        $(".big").stop();
        $(".big").stop().fadeTo(700, 0, function() {  //fade image out
            $('.big').attr('src', imgHref );  //give new image a src attribute
            $('.bighref').attr('href', 'big/' + imgHref );
 
        }).fadeTo("slow", 1);  //fade the image in
    },$(".thumb a").mouseout = function(){    //for onmouseout not used here
 
    });
    
    $(".thumb2 a").click(function(){
        var imgHref = $(this).attr('title');  //get the src of the thumbnail
        $(".thumb2 a").removeClass("selected");  //remove .selected class from all other links
        $(this).addClass("selected");  //add .selected class to current link
        $(".big2").stop();
        $(".big2").stop().fadeTo(700, 0, function() {  //fade image out
            $('.big2').attr('src', imgHref );  //give new image a src attribute
            $('.bighref2').attr('href', 'big/' + imgHref );
 
        }).fadeTo("slow", 1);  //fade the image in
    },$(".thumb2 a").mouseout = function(){    //for onmouseout not used here
    
    return false;
    });
 
    
    /*$("#slider").easySlider({
        auto: false,
        continuous: false,
        numeric: true
    });*/
 
 
 
 
    $("a[rel^='prettyPhoto']").prettyPhoto();
});
 

y no funciona :S

[mayid]

Si te fijas bien, ya estamos en el campo de mouseover / mouse out:

}).fadeTo("slow", 1); //fade the image in
},$(".thumb2 a").mouseout = function(){ //for onmouseout not used here

return false;

Yo no me di cuenta cuando hice copy paste de tu codigo. Fijate bien donde empieza la llave del evento click, y justo antes de que cierre escribi return false;

[destor77]

muchas gracias ha funcionado a la perfeccion todo los días se aprende algo nuevo jajaj