Javascript - 为输入值选择正确的图像

时间:2011-05-16 03:05:55

标签: javascript jquery jquery-cycle

好的,我在书签中有一个简单的javascript函数,可以找到页面上的所有图像,然后在书签中显示它们

for(var i=0; i<img_find.length; i++)
        {
            if (theImg[i].width > 200 && theImg[i].height > 200)
            {
                $("#image").append("<img id='photo' height='150' src='"+img_find[i]+"'/>");
                $("#width").append("<input type='hidden' value='"+img_find[i]+"' name='story_img'/>");
            }
        }

我还有一个jquery幻灯片,因此您可以单击“下一步”滚动图像。

有没有办法让用户在幻灯片中看到的当前图像成为我输入值的上一个?

$('.slideshow').cycle({ 
        prev:   '#prev', 
        next:   '#next', 
        timeout: 0 
    });

<div id='image' class='slideshow' align='left'></div>
<a href='#' id='prev' style='font-size:10px;'>Previous</a>
<a href='#' id='next' style='font-size:10px;'>Next</a>

谢谢!

1 个答案:

答案 0 :(得分:0)

根据http://jquery.malsup.com/cycle/int2.html

你只需要添加一个before:function

$('.slideshow').cycle({ 
        prev:   '#prev', 
        next:   '#next', 
        before:  onBefore
        timeout: 0 
    });

function onBefore() { 
    $('#output').html("Scrolling image:<br>" + this.src); 
}