Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Is there a way to do this?


  • Please log in to reply
15 replies to this topic

#1 Delta16

Delta16

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:11:01 PM

Posted 07 September 2009 - 07:13 AM

Hi, web design is just a hobbie for now and i would like to know if this could happen.

Note : Im using Dream Weaver

I have a rollover image and i would like it to, when the cursor is over the image instead of flipping to the other image i need it to disappear. So behind the picture there would be more than one link to click on.

Is that possible ?

If you have any other question please ask.

Thanks for reading
Regards
Delta

BC AdBot (Login to Remove)

 


#2 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:03:01 PM

Posted 07 September 2009 - 08:50 AM

Yes. On mouseover, have the innterHTML content replaced with the links that you want.

#3 KamakaZ

KamakaZ

  • Members
  • 739 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Victoria
  • Local time:08:01 AM

Posted 07 September 2009 - 09:12 AM

failing groovicus's idea, sounds like something flash would be suited for...

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.


#4 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:11:01 PM

Posted 07 September 2009 - 09:37 AM

failing groovicus's idea, sounds like something flash would be suited for...


Got any idea on how to do that.

And groovicus I didnt understood what you really mean.

Thanks both for replying

#5 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:03:01 PM

Posted 07 September 2009 - 10:46 AM

It is a single statement javascript function:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Test</title>

	 <script type="text/javascript">
			function showLinks(){ document.getElementById("myDiv").innerHTML = "<a href='http://www.groovicus.com'>www.groovicus.com</a>"; }	
	 </script>
</head>

<body>
	<div id="myDiv" onmouseover="showLinks()">
		<img src="http://www.bleepingcomputer.com/forums/uploads/av-689.jpg" />
	</div>

</body>

</html>

Can Flash do that in a single statement? I have never used Flash.

#6 KamakaZ

KamakaZ

  • Members
  • 739 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Victoria
  • Local time:08:01 AM

Posted 07 September 2009 - 07:26 PM

No Flash would be a little nore difficult.

I'm guessing you'd probably want what groovicus has posted, maybe with a onmouseout event to change from the links back to the picture when the mouse is not on the picture.

If you need any help understanding what the code posted means, don't hesitate to ask!

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.


#7 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:11:01 PM

Posted 08 September 2009 - 03:28 PM

No Flash would be a little nore difficult.

I'm guessing you'd probably want what groovicus has posted, maybe with a onmouseout event to change from the links back to the picture when the mouse is not on the picture.

If you need any help understanding what the code posted means, don't hesitate to ask!


Yes please, if you can tell me what the code means it would be much appreciated.

#8 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:11:01 PM

Posted 08 September 2009 - 03:53 PM

An other idea came through my mind which I think it is easier but for some people annoying.

Take a look at my website which i uploaded on a free server for now.
My Website
When you click on a small picture/wallpaper a small window pop up so the user select a suitable resolution for his monitor.

Or ( The idea I told you before)

When you go on a small picture/wallpaper, that image disappear and "under neath it" 2 or more clickable links/text appear, example: Resolution 1024x768
resolution 800x600
(Note: Each link would re direct the user to a unique page)

I think the second option is more difficult but more user friendly.

Please, tell me exactly where i should put the coding in my page.

Thanks a lot and sorry for double posting, I should have pressed the Edit option.;)
Delta

Edited by Delta16, 08 September 2009 - 03:56 PM.


#9 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:03:01 PM

Posted 08 September 2009 - 04:45 PM

Please, tell me exactly where i should put the coding in my page.

Put what coding? Did you look at the example I gave you?

#10 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:11:01 PM

Posted 09 September 2009 - 01:20 PM

OK, yes i looked at your example and messed a little around it and got it working, thanks to you :thumbsup:

Now there is 2 problems, One is, that when i move the mouse over the image its start flashing and the other is when i move the mouse over the image and then remove the cursor without clicking the image wont appear again, like KamakaZ said


Thanks a lot for helping me

Edited by Delta16, 09 September 2009 - 01:34 PM.


#11 KamakaZ

KamakaZ

  • Members
  • 739 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Victoria
  • Local time:08:01 AM

Posted 09 September 2009 - 06:20 PM

Not sure about the flicking, but for the image to change back, have a look at the "onmouseout" statement.

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.


#12 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:11:01 PM

Posted 10 September 2009 - 01:20 AM

I think ill use the other idea, cause its not working well. When you move the mouse over the image, it disappears, thats good, but when you move the cursor on the image area, the link starts flashing.

Can I fix that?

Thanks

Edited by Delta16, 10 September 2009 - 02:55 AM.


#13 KamakaZ

KamakaZ

  • Members
  • 739 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Victoria
  • Local time:08:01 AM

Posted 10 September 2009 - 05:31 AM

Do you have a link to what your desribing? and also what browser are you using?

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.


#14 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:11:01 PM

Posted 10 September 2009 - 08:44 AM

OK, found the problem, the opening <div > tag was not in the right place, any way , its fixed. Thanks for taking interest.

What can i add in this statement to restore the image when the mouse is not over.


onmouseout="()"

Or if it is the wrong statement tell me the right one. :thumbsup:

Thanks

EDIT : Uploaded the files so you can see whats happening.

My Website

Move the mouse over the digital art picture and click it. Another problem is that it wont re direct.

Edited by Delta16, 10 September 2009 - 09:04 AM.


#15 KamakaZ

KamakaZ

  • Members
  • 739 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Victoria
  • Local time:08:01 AM

Posted 10 September 2009 - 05:51 PM

Give this a go
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Test</title>

	 <script type="text/javascript">
			function showLinks(){ document.getElementById("myDiv").innerHTML = "<a href='http://www.groovicus.com'>www.groovicus.com</a>"; }	
</script>
	 <script type="text/javascript">
			function
 hideLinks(){ document.getElementById("myDiv").innerHTML = "<img src='http://www.bleepingcomputer.com/forums/uploads/av-689.jpg' />"; }	 
</script>
</head>

<body>
	<div id="myDiv" onmouseover="showLinks()" onmouseout="hideLinks()">
		<img src="http://www.bleepingcomputer.com/forums/uploads/av-689.jpg" />
	</div>

</body>

</html>

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users