Geekzone: technology news, blogs, forums
Guest
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.


Forums › Off topic › HTML Help - how to open images over webpage


1854 posts

Uber Geek
+1 received by user: 26

Trusted

Topic # 31487 19-Mar-2009 13:34
Send private message

Hey guys,

I have a website selling some products we make. I've pretty much built the website myself and have it just the way we want it for what we want it to do.

Currently, when users click on a product preview image, i have the image opening in a new browser window to show the full original size. I've noticed on quite a few websites, such as trademe, noel leeming and DSE, that they have the images opening over the page content which darkens the content behind it and offers a close button on the top right corner.

I'm just wanting to know how to implent this? If anyone has any info, that would be great.

Cheers,

Create new topic
Phil Gale
1107 posts

Uber Geek
+1 received by user: 44

Trusted
Red Jungle
Subscriber

  Reply # 202166 19-Mar-2009 14:08
Send private message

It's typically javascript + css .. there are numerous ways to do it, and lots of pre-built javascript libraries and helpers out there. Especially easy if you're already using a JS framework like jQuery etc as there are plugins. Do some googling for 'javascript lightbox'.




Red Jungle: we make fantastic software

RSS  Twitter  Facebook  Skype

128 posts

Master Geek
+1 received by user: 7


  Reply # 202167 19-Mar-2009 14:13
Send private message

i found that using highslide was rather easy to use aswell. 

 
 
 
 




1854 posts

Uber Geek
+1 received by user: 26

Trusted

  Reply # 202206 19-Mar-2009 16:35
Send private message

Thanks for your help guys, am looking into this now :)



1854 posts

Uber Geek
+1 received by user: 26

Trusted

  Reply # 202219 19-Mar-2009 17:22
Send private message

Perfect, have this all setup now! Great stuff, cheers :)

Create new topic



Twitter »

Follow us to receive Twitter updates when new discussions are posted in our forums:



Follow us to receive Twitter updates when news items and blogs are posted in our frontpage:



Follow us to receive Twitter updates when tech item prices are listed in our price comparison site:



Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.


Geekzone Live »

Our community of supporters help make Geekzone possible. Click the button below to join them.

Support Geezone on PressPatron


Updates »

Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.

Alternatively, you can receive a daily email with Geekzone updates.