jquery反对使用按钮

我被分配去做一个照片库。jquery反对使用按钮

中间是一张大图片（1000x1000），下面是三张小缩略图（200x200）。

我得到这个有用的功能

getBigImg(thumbnail); // Returns big image

我们假设CSS已经给出了我们，我们并不需要担心。

<div class="big image"> 
    <img src="big picture"/> 
</div> 

<div class = "thumbnails"> 
    <div id="placement1> img src thumbnail 1 </div> 
    <div id="placement2> img src thumbnail 2 </div> 
    <div id="placement3> img src thumbnail 3 </div> 
</div>

我所做的就是简单地创建3个.HTML副本，并对每个缩略图做盈方。每当用户点击图片时，它将重定向到.html，其中大图是缩略图的大图。

我被告知可以使用JQuery保存所有这些麻烦。他们指的是什么？

来源

2014-07-19 keith lin

-1

，你可以这样做this example：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 

     $(".galImg").click(function() { 
      var image = $(this).attr("rel"); 
      $('#feature').fadeOut('slow'); 
      $('#feature').html('<img src="' + image + '"/>'); 
      $('#feature').fadeIn('slow'); 
     }); 
    }); 
</script>

来源

2014-07-19 00:30:09 etr

-1

使用此HTML：小bug修复

<div class="big image"> 
    <img class="bigImage" src="big picture"/> 
</div> 

<div class="thumbnails"> 
    <div id="placement1" > <img src="thumbnail1" /> </div> 
    <div id="placement2" > <img src="thumbnail2" /> </div> 
    <div id="placement3" > <img src="thumbnail3" /> </div> 
</div>

，并添加到您的HTML：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

<script type="text/javascript"> 

$(function(){ 
    $(document).on('click', '.thumbnails > div', function(){ 
    var img = $(this).find('img').attr('src'); 
    $('.bigImage').attr('src', img); 
    }); 
}); 

</script>

来源

2014-07-19 00:47:21

^我不知道理解。你为什么不使用getBigImg（缩略图）？也许我不明白你的代码。这个脚本的目的是每当用户点击其中一个缩略图时，bigImage将变成getBigImg（他们单击的缩略图）。 –

你问过一个jQuery解决方案。您是否运行了我提供的代码来查看它的功能？每次用户点击底部的图像之一 - 中心的大图像将成为用户点击的图像。我想如果你做到了，那就是你想要的。 –

^谢谢。为了记录，我没有倒下邮件。 –

jquery反对使用按钮

回答

相关问题