Wednesday, December 23, 2009

What is the code ';html coding'; for point picture to view the bigger size?

let say i have a picture in my page... i dont want to view the larger picture at the new page.. how to make it.. if i just point to the picture, the picture will expand right below it. as far as i know it is javascript.What is the code ';html coding'; for point picture to view the bigger size?
Yep, JavaScript.





What you need to do is assign the image a class (or even better an ID), then in your CSS specify the initial height and width.





Then you need to add two JavaScript events, one that's an onMouseOver event, which edits the height and width of the image to whatever the new size is that you want.





Then an onMouseOut event that'll change the size back to normal.What is the code ';html coding'; for point picture to view the bigger size?
In dreamweaver create a layer and insert your big image. Make your small image a link so that when you place the mouse on it the layer with the big image shows and on mouseout the layer hides.





This is done via behaviours - show hide layer. Yes this is javascript, but dreamweaver makes it easy.





for more tutorials log on to http://gateway2internet.com

No comments:

Post a Comment