How to enlarge the pictures using mouse through coding

**Loyalpalm** · 25-11-2010

Hey I am developing my own website using html and javascript language. This is the first time that I have ever developed any website and I have learned too many new things using while making this website. However I would want to know that how can I make a photo enlarge by dragging my mouse cursor of the picture through the coding. I would want to the methods or any function that are used in the coding to make this thing possible. I would be very thankful for whoever comes up with this solution as it will help me to make my site to look even better. Please provide some easy and fast method as I am in a hurry to complete this website.

**Steyn** · 25-11-2010

Hey you can try this out and see if it works for you, I haven't tried this out myself so I wont be able to tell you whether this thing works or not. But hey why don't you give it a try and see if it works.

Code:

<script language="javascript" src="/filesearchhover.js" type="text/javascript"></script>
onmouseover="showtrail('http://www.google.com/file_thumbview_approve/64097/2/istockphoto_64097_dirty_metal_grate.jpg','Dirty metal grate','Dirty metal grate','3.0000','0','1',203);"
onmouseout="hidetrail();"

The above sentence is based on the parameters like showtrail(imagename,title,description,ratingaverag e,ratingnumber,showthumb,height) , so based on this the image gets load and the mouseover and the mouseout function will help you to scroll up and down.

**Vandam** · 25-11-2010

Hey you can use the javascript coding to enlarge the image using the mouse, by setting the the onScroll method with the image you want to make it large or small using the mouse. The coding is something like this <img src="photo.jpg" onScroll="window.location=src">. You can try this kind of coding in various format that will help you to get whet you want.

**Jacques25** · 25-11-2010

Hey I have the coding for your solution, I was also looking for doing the same thing when I was developing my website and after searching everywhere I got this one which gradually worked for me. The code is as follows.

Code:

<script>
Function SwapImage1() {
  document.photo1.Src="images/353.Jpg"
}
Function SwapImage1Back() {
  document.photo11.Src="images/353_small.Jpg"
}
</script>
<body>
<div align="center">
<img src="images/353_small.Jpg" name="photo1" border="0" onMouseOver="SwapImage1()" onMouseOut="SwapImage1Back()">
</div>

The method mouseover and moseout are used to make this thing possible, the two functions contains the same image but with different sizes. I think this should work for you as it worked for me.

**X-quisite** · 25-11-2010

Hey I am also looking for the some code that will help me to make the text blink. I have tried various sources to find out the solution but I am not able to get from any where. I am looking to make my site to look as much attractive as I can, so please someone help me to make this kind of thing possible. I am using html and have developed as per my knowledge, but I still don't have any idea about this. I will be very eagerly waiting for the reply as I am in a hurry to make this change in my website.

**Steyn** · 26-11-2010

In order to make text blink, simply enclose the text within the <BLINK>...</BLINK> tags. <BLINK> does not have any attributes. The user can not control the rate at which the text blinks, nor can they control any other aspect of this tag. This tag is inbuilt in the html tags list and therefore the only thing that you can do is to use it without modifying any of its attributes.