Web Design Discussion - Small photos to big photos on same page

Print Page | Close Window

Small photos to big photos on same page

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=26079
Printed Date: 28 March 2026 at 4:47am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Small photos to big photos on same page

Posted By: Tony0930
Subject: Small photos to big photos on same page
Date Posted: 07 August 2008 at 3:31am

I have seen websites where an arrangement of several photos is displayed. The user can see an enlarged photo by clicking or mouseover a small photo. The larger photo is displayed on the same page at the side of the arrangement of the smaller photos or in some other place on the same page.

The big photo is replaced by another big photo when the user selects another small photo
I am wondering where I can find a program to do this, or will I have to work from a script? At present I am using Frontpage 2002 but I am upgrading to MS Expresson Web 2.0 soon.

Replies:

Posted By: Videoediting
Date Posted: 07 August 2008 at 12:31pm

You can do this using javascript. For eg:

<script type='text/javascript'>
function open_new_window(file_name)
{
window.open(file_name, '_blank', 'height=600,width=900,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes');
}
</script>

<a href="#" onClick="javascriptpen_new_window('css/templates/bigger/1.jpg');" style="text-decoration:none;">Click to View Enlarge</a>

Cheers,

SP Big%20smile

http://www.videoediting-direct.co.uk

Posted By: Tony0930
Date Posted: 11 August 2008 at 6:31am

thank you!

Posted By: Jono
Date Posted: 11 August 2008 at 7:16pm

There are also javascript "lightboxes" and flash components (have a search on "flash gallary") - really quick and easy to put together - ideal when the boss wants it doing before the end of the day.

Posted By: jsrsolution
Date Posted: 22 August 2008 at 7:07am

Hi,

Actually i am art lover i have a great collection of monet reproductions as well other http://www.photo-print-on-canvas.com/photos-on-canvas-gallery-popart.asp - pop art or also from last many times i am trying to get them on papers with help of photoshop but never get succeed with quality the original one having. So can anybody advice me that how can i do this thing. Should i go for some other tool?

Thanks

Adam

Posted By: Tony0930
Date Posted: 27 September 2008 at 8:36am

sounds great!
haha Tongue

Posted By: shakir
Date Posted: 12 January 2009 at 2:01pm

Videoediting wrote:

You can do this using javascript. For eg:

<script type='text/javascript'>
function open_new_window(file_name)
{
window.open(file_name, '_blank', 'height=600,width=900,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes');
}
</script>

<a href="#" onClick="javascriptpen_new_window('css/templates/bigger/1.jpg');" style="text-decoration:none;">Click to View Enlarge</a>

Cheers,

SP Big%20smile

http://www.videoediting-direct.co.uk

This will be problem if the pic is small size bcz its resizing the windows not image

Posted By: dimpi
Date Posted: 04 July 2009 at 7:14am

Hi you should download a copy of webpage maker. You'll be able to place you r content freely any where on the web page. You can also make java scripts php forms etc just by copy pasting.

Posted By: jamieellis
Date Posted: 05 August 2009 at 8:51pm

var d=document.createElement("div");

var i=document.createElement("img");

d.appendChild(i);

Then use absolute positioning to place it where you want. Should give you a start.

-------------
http://www.intercounty.com/leather_office_chairs.html" rel="nofollow - Leather office chairs

Posted By: Sabrina _Gage
Date Posted: 19 August 2009 at 6:25am

I will try it out. sounds great! Smile