Changeimages ile hareketli buton yapmak

Öncelikle mantık mevcut imajımızın üstüne gelindiğinde farklı bir imaj ile yer değiştirmesini sağlamak. Bunu nerelerde kullanabiliriz. Hareketli menü yapımlarında kişisel görsel çalışmalarınızda. Geliştirilmeye müsait bir yöntemdir farklı amaçlar için kullanıma uygundur.

[ head arasına gelecek olan java kodu başlangıcı ]

<SCRIPT TYPE=”text/javascript”>
<!–
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
preloadFlag = true;
}
}
// –>
</SCRIPT>

<SCRIPT TYPE=”text/javascript”>
<!–
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}}}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
preloadFlag = true;
}}
// –>
</SCRIPT>

[ head arasına gelecek olan java kodu bitişi]

[ HTML BODY Tag Kod başlangıcı]

<BODY  ONLOAD=”preloadImages()”;>
<a href=”javascript:ozel()”
ONMOUSEOVER=”window.status=’isim1′; changeImages(’isim1′, ‘resim1.jpg’); return true;”
ONMOUSEOUT=”window.status=”; changeImages(’isim1′, ‘resim2.jpg’); return true;”>
<img NAME=”isim1″ SRC=”resim2.jpg” WIDTH=”229″ HEIGHT=”166″ alt=”Resim Adı” border=”0″/></a>
</BODY>

[ HTML BODY Tag Kod Bitişi]

Leave a Reply