473,706 Members | 6,613 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Simple rollover buttons

59 New Member
I'm looking for a simple way to do rollover images in HTML, with as little javascript as possible. Any suggestions?
Aug 23 '07 #1
3 1308
ilikepython
844 Recognized Expert Contributor
I'm looking for a simple way to do rollover images in HTML, with as little javascript as possible. Any suggestions?
It's pretty simple:
Expand|Select|Wrap|Line Numbers
  1. <image src = "roll_out.bmp" onmouseover = "this.src = 'roll_over.bmp'" onmouseout = "this.src = 'roll_out.bmp'"/>
  2.  
Aug 23 '07 #2
metaphysics
59 New Member
Thanks for the help :)
Aug 23 '07 #3
drhowarddrfine
7,435 Recognized Expert Expert
I'm leaving to go out of town in a couple of hours but there are solutions to this using CSS and no javascript. Google for "cssplay" and "Stu Nichols" for a starter but it is as simple as:
img:hover{}

Of course, that only works in modern browsers and not IE so you have to make the link an anchor <a><img></a> and then a:hover{}.
Aug 23 '07 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

3
1803
by: Max Biancofiore | last post by:
I am working on a website. Can everybody have a look at www.intheloop.org.uk/sw5/index.html and tell me: 1) How long do the buttons take to download. (state connection speed too). 2) How do the rollover work. Especially concerning the image preload. I am writing this because, I don't know why, on my Pc this site works
1
1764
by: Max Biancofiore | last post by:
I am working on a new website. Please, can everybody go to www.intheloop.org.uk\sw5\index.html and tell me: 1) How long do the buttons take to download (please, also state connection speed)? 2) How does the image rollover for the buttons work? Especially concerning the preload.
4
1847
by: down_w/spam | last post by:
Hi all, I've done some research on this issue and am looking to you for further information on why IE still does a server look-up of a rollover image, even if the image has been preloaded and/or looked-up. I've tended to think that it is just a bug with IE but then i found a site that has rollovers that do not get looked up with IE. I thought that maybe they are using some special js script that fixed it. But no, it uses the same...
6
3188
by: AJBopp | last post by:
I'm wrestling with CSS variations between Firefox and IE. I'm trying to create rollover buttons in a menu frame. It is working perfectly in Firefox but in IE only the first button is properly highlighted and linked. The second button, has only a partial "hit area" at the top of the image, although if you click the link, you can see the link border is properly place around the image. The rest of the buttons have no rolloever state or link...
0
1137
by: Gepi Solo | last post by:
Hi, I'm a python newbie, coming from PHP & Perl. I'm developing client-server applications with a GUI. I'm trying to realize rollover buttons with images as background. I mean... I want to create a class which permit to create buttons with various shapes, (for instance something like this: O====O with a label and an image in the central part), that change their color/shapes when they have the focus on. I split the image of the shape into 3...
2
3442
by: Casimir | last post by:
I am looking into making pure CSS image rollovers. Do you have any clever (and robust) CSS rollover-tricks? Or links to such "in the wild"? I have figured out two methods for this, but have yet to do proper testing on browser support. Method I:
2
3047
by: eholz1 | last post by:
Hello CSS and StyleSheet members, I have decided to move away from Dreamweaver javascript rollover buttons, in favor of a CSS type rollover button. (hope that is ok). I plan to use PHP to include the page with the rollover buttons as a php include in a div for navigation buttons (left side of web page). I have cobbled together some code complements of http://sophie-g.net/jobs/css/e_buttons.htm.
0
8780
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, weíll explore What is ONU, What Is Router, ONU & Routerís main usage, and What is the difference between ONU and Router. Letís take a closer look ! Part I. Meaning of...
0
8695
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9285
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8989
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
5938
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4445
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4708
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3145
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2499
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.