when picture viewed ,when me click on it picture will display as pop up, and back screen will be light black?
Shouldn't be done with PHP alone, since you don't want to reload your page every time you click on an image. Google for lightbox and use an appropriate JavaScript library for client side effects :)
use jquery there are many plugins to do it http://leandrovieira.com/projects/jquery/lightbox/ for example
See this site: http://ajaxian.com/archives/lightboxjs-easy-image-overlays-with-javascript
Check out Lightbox or Lightbox2
Related
I do apologize for the title if it is inaccurate. (feel free to offer me suggestions on the proper wording if needed.)
My question is for my web page, I would like to do something where you click on a link (or image), and instead of opening a new tab or browser window, you get a box that hovers over your page displaying the image of the link (or smaller image you clicked on). I am not sure if the correct term for this is a pop-up or pop-over window.
The best example of what I would like to do, is if you were to go to amazon.com and you see a product and it says "click here for a larger image". when you do that, a sort of window will display itself over the current page and show you the larger image.
Would anyone be able to give an example of code to see how this would be done as well? I am very thankful for any and all recommendations.
You could use a solution like fancybox, I believe this is what are you looking for http://fancybox.net
If I've understood what you mean, there are tons of jquery plugins to do that, for example http://lokeshdhakar.com/projects/lightbox2/
Here is a link, he has an explanation and code snippets for ya, works great.
http://www.htmlgoodies.com/beyond/javascript/article.php/3881276
Here is my question,
Can I place a script or a code of some sort next to an image to make it pop out in a lightbox, without messing with the css? Just a simple single image that when clicked on just pops out in a lightbox.
Sort of like this:
<img src="image">
But instead of ref to a url, I would like to make a full screen lightbox pop out. So the user doesn't have to click back or open another tab.
Any help is highly appreciated.
Yes you can, I like Fancybox as an versatile jQuery tool with many functions and options. See here for examples.
How can I make this lightbox effect that they use on this website http://www.usatoday.com that when you click on a thumbnail the page loads in with that lightbox pop-over the content effect.
But the thing is it's not just a simple lightbox plugin because the link changes into the post link in the address bar.
I've looked around and all I could find are these: http://www.jacklmoore.com/colorbox/ and http://fancybox.net/
but they are not really what I am looking for, since I really need the link to change in the address bar.
If anybody knows of a simple way to achieve this, please help me out :)
Thanks
This may be helpful for creating light box using jquery.
http://www.tonylea.com/2011/how-to-create-your-own-jquery-lightbox/
I have creating a page where i need to show a div in a popup. I have searched around and only found window.open, that i personally hate, as its a really ugly solution, and causes crosss browser broblems. I have seen floating popups on the web, with a black cross in the right upper hand corner. I think you must create a div, and the JS script will pick up .the div and show it in the floating window. I have searched around alot but could not find a solution. I using Tapestry 5.3.6 . Can anyone show me how to do this..?
From your description it sounds as though you might be looking for FancyBox:
http://fancybox.net/
There are a lot of tutorials on how to use these JavaScript based overlay type pop-up windows. The FancyBox homepage shows quite a few examples.
There are lots of javascript solutions for this.
Start by looking at
Jquery UI
What you want is called a modal window or dialog
Thickbox
Colorbox
Jquery Light Box
Try this jquery lightbox plugin i think this is what you want...Hope it helps...
I am trying to implement a pop-up modal for all images on a Wordpress page. I don't want to manually assign which image names are going to use the modal popups. I have several hundred pages that already have an image imbedded in them.
Would anyone know how I could get started doing this? Is this possible to do with Javascript alone?
Thank you in advance.
If you need to do all the images in a pop-up modal then you can simply use this plugin named: "Easy Fancybox".
Download the plugin here: http://wordpress.org/extend/plugins/easy-fancybox/