I'm using imageFlow, and now i need to activate lightbox effect on the images.
Imageflow allow me to write the function onclick on each image, but how is possible to activate the lightbox effect without changing the whole script?
Thanks much
Simple solution, how to integrate the both modules: WordPress NextGen ImageFLow a Lightbox
In article is a part of code, which must be added to <head>.
Related
Is it possible using the Lightbox2 script from
http://lokeshdhakar.com/projects/lightbox2/
to make the images inside a "lightbox", a url.
Lets say i would open a lightbox, and then click on the image inside it, that image could bring me to a new page or some other link.
Tried to look for this more than an hour on google but couldn't find anything with it !
If anyone has any ideas, let me know !
thanks
If you are open to alternatives, I suggest you try Fancybox
http://fancybox.net/
I'm working on a site that is using Highslide JS to create a slideshow window of larger product images when an image on the product page is clicked. I'm also using Piotr Rochala's fine jQuery plugin, slimScroll, as an alternative to ugly browser default scrollers on the same page.
The problem occurs when a product image is clicked, creating a new .highslide-controls div behind the slideshow that should only be in the top of the slideshow window. The div gets appended with each click, which I believe I've narrowed down to a conflict with the slimScroll script.
See: http://www.thelifeguardstore.com/newproductcart/pc/viewPrd.asp?idproduct=7409
I've attempted using jQuery's noConflict(), changing up the orders of when scripts are called, and looking at each script's JS code, but can't find exactly what's causing the problem. Although I have a feeling it's probably right in front of me, laughing maniacally.
Any help or clues as to what may be causing the issue is greatly appreciated.
I'm looking for an example that shows how to display an image as an overlay in a browser while blurring/greying out the contents from the main browser window, here's an example...
http://fstopgear.com/product/satori-exp/view
Just click on any backpack image, then click any part of the browser to close the image..that's pretty much the functionality I'm looking for, I'm assuming there's a script or package that provides such control?
There are plenty of solutions as jQuery plugins for this. What you want is called "modal" or "overlay" window.
I recommend FancyBox: http://fancybox.net/
But also check out ColorBox: http://www.jacklmoore.com/colorbox
There are lot of solutions to get this done in jQuery. Please have a look into the following url's:
http://leandrovieira.com/projects/jquery/lightbox/
http://jquery.com/demo/thickbox/
http://fancyapps.com/fancybox/#examples
I was wondering how to get images similar to www.eskimodesign.com.au or facebook where you click on a photo and it pop outs and darkens the background.
(Try clicking on a project or image on the eskimo website)
You should check out
Lightbox
Fancybox
Thickbox
Slimbox
Check this out too: Rounding Up the Top 10 jQuery Lightbox Scripts
By the sounds of it, looks like you're looking for a lightbox component.
There are a lot out there each to their own design.
http://lokeshdhakar.com/projects/lightbox2/
You'll need to have jquery enabled while using this as well.
http://jquery.com/
Some other lightboxes
http://www.huddletogether.com/projects/lightbox/
http://fancybox.net/
If you visit here: http://www.egyptevakantie.nl/dahab, click on the "andere plaatsen" tab, and then click on an image it brings up a magnified image, courtesy of the jQuery lightbox plug-in.
However, if you do the same here http://www.egyptevakantie.nl/dahab?rhys=yes (essentially the same site except for a couple of stylesheets and one or two minor html changes, none of which are in close proximity to the images) the lightbox fails. Instead of overlaying the content the lightbox is appended to the bottom of the page, where it is also displayed weirdly.
So far in debugging I've managed to work out that the plug-in still calculates the correct left and top values for where to place the lightbox, but by the time the dhtml is generated the top value has changed completely.
Does anyone have any idea why this is happening?
I think you are missing the jquery lightbox stylesheet file.
in the first page there is a reference to this css file:
/css/jquery.lightbox-0.5.css
but on the second link there is no reference to this file.
this css file is included in the jQuery lightbox download located here:
http://leandrovieira.com/projects/jquery/lightbox/
If image is appended at bottom page, for sure postion:absolute is not set.