Installing Thickbox Directions

Hi Mario,

thanx for your question.

For a popup like this you don't need ajax. As I saw on target.com when you click on "Quick info" then a popup box appears and loads inside an iframe.

So what you need to do:

Download and install on your website Thickbox. It's a jQuery plugin that you place on your website.

You can find instructions here http://jquery.com/demo/thickbox/

You for exaple want more information about a product or item, then you make an html, php or whatever you use file with the details or some more information about this item and then you place this inside Thickbox.

On the Thickbox plugin page are detailed information about "iFramed Content".

Use for example this:

<a href="your-item-info.php?keepThis=true&TB_iframe=true&height=250&width=400" title="add a caption to title attribute / or leave blank" class="thickbox">More Info</a>
 

Hope it helped ! See ya :)

Submitted by Mario (not verified) on 16 June, 2009.

Hello,

I have a need that perhaps you can point me in the right direction with...

I would like to implement something very similar to what’s out on www.target.com or www.gap.com.


When you click a button (quick view, quick info, etc..) you get a new window with product pics and info.

Here's the link:
http://www.target.com/Star-Wars-Clone-Favorite-Characters/b/ref=nav_t_sp...

(and click on "Quick Info" under any image)

Perhaps I can do this with a widget or something else but I’m not sure what kind of widget it would be.

If you could provide "ANY" useful information, it would be “GREATLY” appreciated.

Thank you in advance,

~Mario

Trackback URL for this post:

http://www.igotanswers.info/trackback/150

Anonymous's picture

chi hair straightener

I agree with you, there are some things that you would love:
gucci shoes
jordan shoes
air jordans
chi flat iron

Post new comment

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.