Solved

Load Detail Page in Lightbox

Posted on 2008-10-30
5
602 Views
Last Modified: 2012-05-05
Hi there,

I managed to find a nice little script that reloads images in a lightbox as per www.dewchurch.info/photos.html having got this working nicely my idea was to introduce this to an ecommerce site i'm building, so that rather than when then redirecting the user to a product detail page, the product detail page opens in a lightbox over the top of the current page, nice idea but I really can't get this to work -
my (being built) first page is - http://onlineblooms.net/recordsets.asp the productdetail page is http://onlineblooms.net/product.asp 

There is only one image on the first page as we are still building this, we just want to get the lightbox to work during early stages..

Thanks for your help
0
Comment
Question by:garethtnash
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
5 Comments
 
LVL 9

Expert Comment

by:Shahzad Fateh Ali
ID: 22839376
Hi garethtnash,

Try this script for loading pages like light box.
http://nyromodal.nyrodev.com/

0
 
LVL 16

Expert Comment

by:alain34
ID: 22839399
Hello garethtnash,

The page mentioned is using Lightbox 2.
Lighbox 2 is not supporting embedded page, it just support embedded image.

you can find below a list of all lightbox clone and the support comparison and you find one product supporting frame/page integration

http://planetozh.com/projects/lightbox-clones/

Regards,

alain34
0
 
LVL 6

Expert Comment

by:James Looney
ID: 22839655
I would recommend moving away from mootools and lightbox. Start using jQuery (many more users than mootools so it shouldn't be going away anytime soon), and ThickBox. I use thickbox for photo galleries, slideshows, and yes, detail views and forms. It works wonderfully.

Grab jQuery here: jquery.com

Thickbox: http://jquery.com/demo/thickbox/  (use the iFramed Content or AJAX examples to implement your detail views.

I'll try to attach an example of one of my detail views so you can see how much fun you can have with thickbox:

Picture-5.jpg
0
 

Author Comment

by:garethtnash
ID: 22839809
Thanks all, Jimjo, also, nice!!
0
 
LVL 6

Accepted Solution

by:
James Looney earned 500 total points
ID: 22839933
post if you need help with it - it works quite great.
0

Featured Post

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
jQuery is a JavaScript library that greatly simplifies JavaScript programming. AJAX is an acronym formed from "Asynchronous JavaScript and XML."  AJAX refers to any communication between client and server, when the human client does not observe a…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question