help me with coding with images

This is a discussion on "help me with coding with images" within the Web Page Design section. This forum, and the thread "help me with coding with images are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jan 23rd, 2006, 11:07
Junior Member
Join Date: Jan 2006
Age: 18
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
Exclamation help me with coding with images

How can I make a code when....

I move my mouse over an image then another image will display on the same place.

Please give me an example code...

TY
Reply With Quote

  #2 (permalink)  
Old Jan 23rd, 2006, 12:38
herkalees's Avatar
Highly Reputable Member
Join Date: Jul 2005
Location: Massachusetts, USA
Age: 87
Posts: 576
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via AIM to herkalees Send a message via MSN to herkalees Send a message via Yahoo to herkalees
Re: help me with coding with images

I'd do it with CSS (instead of javascript), like this:

In your html, you have the following:
<div class="imagerollover"><a href="fun.html">&nbsp;</a></div>

Then, in your CSS, you have the following:
.imagerollover a {width:100px; height:150px; background:url(images/image1.jpg) no-repeat}
.imagerollover a:hover {width:100px; height:150px; background:url (images/image2.jpg) no-repeat}

The above assumes the image is 100 pixels wide, by 150 pixels high, so you'll want to change those as necessary.
Reply With Quote
  #3 (permalink)  
Old Jan 23rd, 2006, 13:01
Junior Member
Join Date: Jan 2006
Age: 18
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
Question Re: help me with coding with images

So what if I dont use css... What is the code in html format?
Reply With Quote
  #4 (permalink)  
Old Jan 23rd, 2006, 13:32
craig's Avatar
Reputable Member
Join Date: Sep 2005
Location: Preston, UK
Age: 21
Posts: 381
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to craig
Re: help me with coding with images

On the top of my head i'm sure this either requires Javascript, or CSS, and cant be done in HTML. Herkalees example of CSS is great, I'd definately use that, and you can easily add it to your HTML page without any great difficulty.
The reason for not using Javascript is that it can be turned off very easily, and really bloats code.
Craig
Reply With Quote
Reply

Tags
help, coding, images

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Hi some Help for coding ScorpionKing ASP.NET Forum 1 Nov 4th, 2007 11:09
coding crackafaza Web Page Design 2 Jun 15th, 2007 13:31
I am a <div> at coding DregondRahl Web Page Design 8 Jun 7th, 2007 13:02
Take a look at this coding... BGarner Web Page Design 4 Dec 20th, 2006 01:24
ASP Coding chris123 Classic ASP 8 May 24th, 2005 11:50


All times are GMT. The time now is 17:40.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43