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


1863 posts

Uber Geek

Trusted

# 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
1108 posts

Uber Geek

Trusted
Red Jungle
Subscriber

  # 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


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

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

 
 
 
 




1863 posts

Uber Geek

Trusted

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

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



1863 posts

Uber Geek

Trusted

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

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

Create new topic



Twitter and LinkedIn »



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:





News »

Logitech introduces new Made for Google keyboard and mouse devices
Posted 16-Oct-2019 13:36

MATTR launches to accelerate decentralised identity
Posted 16-Oct-2019 10:28

Vodafone X-Squad powers up for customers
Posted 16-Oct-2019 08:15

D Link ANZ launches EXO Smart Mesh Wi Fi Routers with McAfee protection
Posted 15-Oct-2019 11:31

Major Japanese retailer partners with smart New Zealand technology IMAGR
Posted 14-Oct-2019 10:29

Ola pioneers one-time passcode feature to fight rideshare fraud
Posted 14-Oct-2019 10:24

Spark Sport new home of NZC matches from 2020
Posted 10-Oct-2019 09:59

Meet Nola, Noel Leeming's new digital employee
Posted 4-Oct-2019 08:07

Registrations for Sprout Accelerator open for 2020 season
Posted 4-Oct-2019 08:02

Teletrac Navman welcomes AI tech leader Jens Meggers as new President
Posted 4-Oct-2019 07:41

Vodafone makes voice of 4G (VoLTE) official
Posted 4-Oct-2019 07:36

2degrees Reaches Milestone of 100,000 Broadband Customers
Posted 1-Oct-2019 09:17

Nokia 1 Plus available in New Zealand from 2nd October
Posted 30-Sep-2019 17:46

Ola integrates Apple Pay as payment method in New Zealand
Posted 25-Sep-2019 09:51

Facebook Portal to land in New Zealand
Posted 19-Sep-2019 18:35


Geekzone Live »

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


Support Geekzone »

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.