PDA

View Full Version : Click and Enlarge Image


rph105
04-04-2008, 03:34 AM
I would like to know how to do something similar to this site

http://mattbrett.com/

under WEB DESIGN & DEV if you click one of the three images they enlarge

how could i do something exactly like this?

thanks in advance

edbr
04-04-2008, 04:44 AM
by putting
<a href="/images/design/feedicons-2007-full.jpg" title="Feed Icons">
<img src="http://mattbrett.com/images/design/feedicons-2007-tnail.jpg" alt="Feed Icons" title="Feed Icons" /></a>

using your own image and path to image of course. the a href is the link to large image
img source it to a smaller one

d a v e
04-04-2008, 10:18 AM
i think it's a bit more complicated than that and will be involving some js - have a look at their source code and see what you can find

Death Dream
04-04-2008, 01:22 PM
<div id="home-portfolio">
<h1 id="header-home-portfolio" class="section-header"><span>&nbsp;</span>Portfolio</h1>
<p><a href="http://mattbrett.com/images/design/addisonbrett-full.jpg" title="Addison Elizabeth Brett"><img src="http://mattbrett.com/images/design/addisonbrett-tnail.jpg" alt="Addison Elizabeth Brett" title="Addison Elizabeth Brett" /></a></p>

CSS Code: http://mattbrett.com/wp-content/themes/back-in-black/style.css

He has a lot of references to home profolio and since I am to new with CSS I can't tell which one is doing it but he has a few hovers in there.

~Death Dream~

domedia
04-04-2008, 02:29 PM
You guys really need the Firebug extension for FF, how can you ever find out what does what on a page without it ;-)

http://www.fancyzoom.com <- referenced in the JS file called by the images.

Death Dream
04-04-2008, 04:36 PM
Cool extension, I'll use that on my site I am working on now.

~Death Dream~