November 26, 201213 yr Hey guys I wanted to know if anyone could recommend a script that will do the following... I'm going to have a thumbnail picture and I would like it to basically appear in a separate "frame" (I guess) on top of the website where you can see the full size of the image. Do any of you have any examples or suggestions for doing something like that? Any help would be greatly appreciated. Thanks in advance. -Ian
November 26, 201213 yr Do you mean a "lightbox" effect? If so there are tons of jquery plugins that can achieve this: http://leandrovieira.com/projects/jquery/lightbox/ and here are tons more https://www.google.co.uk/search?q=jquery+lightbox
November 26, 201213 yr <!DOCTYPE html> <head> <meta charset='utf-8'/> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="http://www.jacklmoore.com/colorbox/colorbox/jquery.colorbox.js"></script> <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" /> <script> $(document).on("click", "#clickme", function() { var html = '<img style="width:500px;" src="http://images4.fanpop.com/image/photos/23600000/Cartman-Respect-My-Authoritah-south-park-23629184-1600-1136.jpg">'; $.colorbox({html:html,innerWidth:500}); return false; }); </script> </head> <body> <a href="#" id="clickme"> <img src="http://images4.fanpop.com/image/photos/23600000/Cartman-Respect-My-Authoritah-south-park-23629184-120-85.jpg"> click me </a> </body> </html>
November 30, 201213 yr Author Do you mean a "lightbox" effect? If so there are tons of jquery plugins that can achieve this: http://leandrovieira...query/lightbox/ and here are tons more https://www.google.c...jquery lightbox Yes that's exactly what I had in mind. So this is called a "lightbox"? Interesting. When you're a noob you learn new things every day. Thanks a lot guys. -Ian
Create an account or sign in to comment