The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> image help, i can't figure this code out
xtonykx
post Sep 23 2006, 02:19 PM
Post #1





Group: Members
Posts: 1
Joined: 23-September 06
Member No.: 210



im wanting to have my images displayed like this...
http://newskooltattoo.com/tyson.html

i need the tumbnails and actual image to be on the same page. i'd prefer it to load the normal image when u moue over the thumbnail but if it would be easyer to load up by just clicking the thumbnail id be happy. i've tried to veiw source on the page and insert the code into my page where i messed around with it, changed the image links and some other things but i still cant get it to work. if anyone could help me figure this out id be incredibly thankful.

-tony-
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 24 2006, 12:44 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



It's JavaScript. If it's onmouseover or onclick doesn't matter, really. The same script (with slight modifications) can be used for both. You could read some of these pages to get a grip of how to do a simple rollover (some will be good and some will be crap).
http://www.google.com/search?q=javascript+rollover+tutorial

You can find free scripts at JavaScript sites, but it will be easier to change the script if you know a little about how it works first. smile.gif
Maybe one of these:
http://www.dynamicdrive.com/dynamicindex4/indexb.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Sep 24 2006, 03:56 AM
Post #3


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



QUOTE(xtonykx @ Sep 23 2006, 09:19 PM) *

i need the tumbnails and actual image to be on the same page.


There will be delay before each large image has downloaded, especially for users with slow internet connections. If you use "onmouseover" events, this means the user may think the page is broken since nothing happens for several seconds. You can try to avoid such a delay by preloading all the large images, but then there will be an even longer initial delay before the preloading has finished. If you use "onclick" events instead of "onmouseover" a shorter delay is more acceptable. The page will also depend on javascript, which does not work in search engines and some users' browsers.

Since you'll get a delay anyway you might as well load a new static HTML document with each image change. OTOH making many such pages (hundreds) becomes tedious unless they are generated by a server-side script.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 24 2006, 05:42 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE(xtonykx @ Sep 23 2006, 12:19 PM) *

im wanting to have my images displayed like this...
http://newskooltattoo.com/tyson.html
Hmm... A row of thumbnail images all linked to the original page. I'm unimpressed. Like Christian J, I recommend that you create a separate page for each large image, and have the thumbnails link to these separate pages. The creation of these separate pages can be automated in many ways.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 03:08 AM