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

发布于 2024-11-07 02:31:22 字数 894 浏览 0 评论 0原文

好的，我在书签中有一个简单的 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>

谢谢！

原文

Ok, I have a simple javascript function in a bookmarklet that finds all of the images on a page and then shows them in the bookmarklet

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'/>");
            }
        }

I also have a jquery slideshow so you can click next to scroll through the images.

Is there a way to get the current image the user is looking at on the slideshow to be the on that goes in my input value?

$('.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>

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

心不设防 2024-11-14 02:31:22

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

你只需必须添加一个 before: 函数

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

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

As per http://jquery.malsup.com/cycle/int2.html

You just have to add a before: function

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

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

回复收藏 0 原文

~没有更多了~