jQuery中的圖庫列表

我正在尋找一些有上一個/下一個按鈕的畫廊，我發現它。我有代碼：jQuery中的圖庫列表

var speed = 0; 
$('#mask-gallery, #gallery li').width($('#slider').width());  
$('#gallery').width($('#slider').width() * $('#gallery li').length); 
$('#mask-gallery, #gallery li').height($('#slider').height()); 
$('#gallery li:first').addClass('selected'); 

$('#btn-next, #gallery').click(function() { 
newsscoller(0);  
return false; 
}); 

$('#btn-prev').click(function() { 
newsscoller(1);  
return false; 
}); 

function newsscoller(prev) { 
    var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first'); 
    if (prev) { 
     var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last'); 
    } else { 
     var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first'); 
    } 

    $('#gallery li').removeClass('selected'); 
    next_image.addClass('selected'); 
    $('#mask-gallery').scrollTo(next_image, 250); 
}

http://jsfiddle.net/R27FS/

，我有一個問題。任何人都知道腳本可以如何重定向用戶定義的頁面（location.href ='';）上次幻燈片後？

感謝您的回覆！

來源

2013-03-07 Dawid Górecki

noooooo從來沒有在最後一張幻燈片重定向！有沒有這樣的功能畫廊！而是在最後一張幻燈片上添加點擊或創建按鈕，並使其可點擊！想想用戶，如果你讓他們吃驚（糟糕），他們將永遠不會再回來。我是其中之一。 – 2013-03-07 20:08:16

我同意，沒有人願意。幾乎和背景音樂一樣糟糕！ – Dom 2013-03-07 20:22:07

都一樣我會感謝一些解決方案:) – 2013-03-07 20:23:48

一種方法是將「下一個」鏈接設置爲上一張幻燈片上的實際位置。然後return true;在click事件如果href!="#"

DEMO

var speed = 0; 
$('#mask-gallery, #gallery li').width($('#slider').width()); 
$('#gallery').width($('#slider').width() * $('#gallery li').length); 
$('#mask-gallery, #gallery li').height($('#slider').height()); 
$('#gallery li:first').addClass('selected'); 

$('#btn-next, #gallery').click(function() { 
    var href = $(this).attr("href"); 
    if (href != "#" && href != "") return true; 
    newsscoller(0); 
    return false; 
}); 

$('#btn-prev').click(function() { 
    newsscoller(1); 
    return false; 
}); 

function newsscoller(prev) { 
    var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first'); 
    var next_image; 
    $("#btn-next").attr("href", "#"); 
    if (prev) { 
     next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last'); 
    } else { 
     if (current_image.next().length) { 
      next_image = current_image.next(); 
     } 
     if (!next_image.next().length) { 
      $("#btn-next").attr("href", "http://www.google.com"); 
      //'target' required for it to work in jsFiddle b/c of 
      //iframe, remove in your code. 
      $("#btn-next").attr("target", "_blank"); 
     } 
    } 

    $('#gallery li').removeClass('selected'); 
    next_image.addClass('selected'); 
    $('#mask-gallery').scrollTo(next_image, 250); 
}

來源

2013-03-07 20:43:11

謝謝:)））） – 2013-03-07 22:43:04

jQuery中的圖庫列表

回答

相關問題