1 Μενού - μεγαλώνει εικόνα όταν βάζεις ποντίκι [Για όλα] 4/1/2012, 13:57
Δείτε το ζωντανά εδώ: http://phpbb2menu.forumgreek.com/
Απλά μια φώτο: https://2img.net/u/1211/25/36/03/album/pr/wgahy10_800x600.png
1. Βάζουμε τον κωδικό του μενού όπου θέλουμε.
2. Και το παρακάτω κωδικό το βάζουμε στο Javascript codes management (έχοντας το Placement στο In all the pages)
Απλά μια φώτο: https://2img.net/u/1211/25/36/03/album/pr/wgahy10_800x600.png
1. Βάζουμε τον κωδικό του μενού όπου θέλουμε.
- Κώδικας:
<center><span onmouseout="stop=1; imn=0; g();">
<a href="Διεύθυνση σελίδας">
<img id="i1" src="Διεύθυνση εικόνας" alt="ajax" width="50" onmouseover="stop=1; imn=1; g();">
</a>
<a href="Διεύθυνση σελίδας">
<img id="i2" src="Διεύθυνση εικόνας" alt="php" width="50" onmouseover="stop=1; imn=2; g();">
</a>
<a href="Διεύθυνση σελίδας">
<img id="i3" src="Διεύθυνση εικόνας" width="50" alt="javascript" onmouseover="stop=1; imn=3; g();">
</a>
<a href="Διεύθυνση σελίδας">
<img id="i4" src="Διεύθυνση εικόνας" width="50" alt="html" onmouseover="stop=1; imn=4; g();">
</a></center>
2. Και το παρακάτω κωδικό το βάζουμε στο Javascript codes management (έχοντας το Placement στο In all the pages)
- Κώδικας:
var imn;
var icount = 4; // image count
var iw = 50; // start width
var iw2 = 80; // end width
var ih = 50; // start height
var ih2 = 80; // end height
var stop;
function g() {
for(i=1;i<=icount;i++) {
var im = document.getElementById("i"+i);
if(imn!=i) {
im.width=(im.width>=iw)?(im.width-2):im.width;
im.height=(im.height>=ih)?(im.height-2):im.height;
}
else {
im.width=(im.width<=iw2)?(im.width+2):im.width;
im.height=(im.height<=ih2)?(im.height+2):im.height;
}
}
if(stop<iw2-iw || stop<ih2-ih) {setTimeout("g()", 20); stop++;}
}