2010-01-22 27 views
5

http://procollage.com/site10jquery: Chuyển đến slide # sử dụng liên kết văn bản

Xin xem trang này Tôi đã làm việc cả ngày chỉ cần thực hiện các văn bản:
• Blended Collage # 1
• giáp Collage
• Collage Blended # 2
• ma thuật Mosaic
• Blended Collage # 3

tôi chỉ đơn giản muốn mỗi khi được nhấp cho trình chiếu để hiển thị các correspondi ng slide. Tôi nghĩ nó sẽ đơn giản, nhưng 6 giờ sau, tôi vẫn đang vật lộn. Nếu trình chiếu có thể tiếp tục sau khi được nhấp vào đó sẽ tuyệt vời ... nếu không, tôi có thể phát trực tiếp. HÃY GIÚP TÔI!

Trả lời

5

Để trả lời câu hỏi của bạn, đây là bối cảnh đầy đủ:

<html> 
<head> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $('.samples').cycle({ 
     fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
    }); 
    }); 

    function setSlide(index) { 
    $('.samples').cycle(index); 
    } 
</script> 
</head> 
... 
... 
<a href="javascript:setSlide(0)">Blended Collage #1</a><br /> 
<a href="javascript:setSlide(1)">Bordered Collage</a> 
... 
... 
+0

Jake,
Nó làm việc! Không phải là tôi nghi ngờ bạn. Cảm ơn bạn rất nhiều. Tôi chưa bao giờ nghĩ ra điều đó. Hãy xem xét cho phép chúng tôi tạo ảnh ghép cho bạn! -dave –

+0

Thật tuyệt, rất vui khi được nghe. Cảm ơn bạn đã đề nghị, nhưng tôi sẽ kiểm tra mưa trên ảnh ghép. lol – JAKEtheJAB

2

Vì bạn đang sử dụng plugin chu trình jQuery, bạn có thể sử dụng các liên kết đó làm máy nhắn tin cho mỗi bản trình diễn Trung cấp here.

Something như sử dụng menu này:

$('.samples').cycle({ 
    pager: '.menu_table' 
}); 

Made một chỉnh sửa nhỏ trong liên quan đến các tài liệu tham khảo yếu tố trên plugin chu kỳ (Tôi đã sao chép từ trang web của chu kỳ Plugin nhưng bây giờ nó là đặc trưng cho nguyên tố chu kỳ của bạn đó là gọi .samples)

0

Dưới đây là một ví dụ:

$('#goto2').click(function() { 
    $('#s1').cycle(1); 
    return false; 
}); 

vì vậy, đối mắt xích đầu tiên trên pa của bạn ge, nó sẽ là:

$('#s1 a:first').click(function() { 
    $('.samples').cycle(0); 
    return false; 
}); 
Các vấn đề liên quan