开发者

View images via Lightbox (or similiar) from a hyperlink

I would like to view a gallery of images via Lightbox (or something similiar). The only problem is I need to display the image set in the viewer from a hyperlink rather than displaying thumbnails 开发者_如何转开发of the image set.

Does anyone know if this is possible; if so could you point me in the right direction.

EDIT:

I've edited this, to hopefully clarify my question.

What I want to do is have one hyperlink that when clicked opens a lightbox (or type of pop up viewer/gallery) that contains multiple images that the user can scroll through.

thanks

Barry


Using lightbox, shadowbox or something similar it's no problem to use links without thumbnails.

<a rel="lightbox[picturegallery]" href="pic1.jpg" title="Pic1">Pic1</a>
<a rel="lightbox[picturegallery]" href="pic2.jpg" title="Pic2">Pic2</a>
<a rel="lightbox[picturegallery]" href="pic3.jpg" title="Pic3">Pic3</a>

Further info and code examples can be found here.


if you are using JQuery, then FancyBox is a good lightbox plugin to suite your needs.

With FancyBox what you can use is, inline modal window to display images in a lightbox; when a hyperlink is clicked.

examples tailored for your need are at the bottom of this page: Examples of manual call


this could be the direction.

$('a').click(function(){
var that = $(this)
var html= that.attr('href') // Read the href of the link and use it as reference for your lightbox.
$('body').append('<div id="shadow"><div id="fancybox"><img src="' + html +'" alt="pic" /></div></div>')
    $('#shadow').click(function(){
        $(this).remove()
    })
return false;
})

you can test it here: http://jsfiddle.net/hRcWN/2/

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜