Tam Sürümünü Görmek İçin : cismin 4. hali :)
HiperAktif®
03/03/2004, 20:42
http://www.dosting.com/hiperaktif/link.gif
sorumu ancak resim ile açıklayabilirim..
hatta böyle bile açık olmadığı kesin..
böyle bir javascript kodunu bilen rastlayan varmı..
ilk üç hali
onmouseover,onmouseout ve onclick ile yapılabiliyor..ancak 4. halini arıyorum ..
/keşke resimler direkt burada gözükse..diğer bölümlerde olduğu gibi
bunu css ile yapabilirsin
linkin normal hali
linkin hover hali
linkin active hali
linkin visited hali
HiperAktif®
03/03/2004, 22:14
o link dediklerim resim olacakti :)
pardon
yani image uzerinden cevap bekliyorum
dreamweaver da rollover özelliği var onu kullanarak yapabilirsin...
insert ---- interactive images ---- navigation bar
kolay gelsin
HiperAktif®
03/03/2004, 23:27
hmm..editör kullanmıyoru..ama hepsi arşivimde vardır..bi yükliyip inceliyim.
DotNetKid
04/03/2004, 00:26
flash veya swish ile yapsana.. :)
HiperAktif®
04/03/2004, 00:57
istemiyorum.
javascript ile...
tum resimleri script kodunda tanimlayip tiklanan resime gore digerlerini guncelleyebilir, yani ilk hallerine getirebilirsiniz. kod ister misiniz? :)
HiperAktif®
05/03/2004, 13:20
onmouseover onclick olduğunu ancak 4. halin olmadığını belirtim
ama anlatmak istediğin farklı birşeyse kod isterim tabiki..zaten kod için açtım konuyu.
az once yazdim. biraz hizli yazdigim icin fazla islevsel olmadi ama yine de isinizi gorur:
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
// tum resimlerin onyuklemesi:
// (resimlerinrin adi buradaki gibi
// sayisal olarak artiyorsa
// dongu de kullanilabilir)
// sayfada kullanilan grafiklerin adlari:
var Images = new Array("Image1", "Image2")
var Image1off = new Image()
var Image1on = new Image()
var Image1dwn = new Image()
var Image1clk = new Image()
var Image2off = new Image()
var Image2on = new Image()
var Image2dwn = new Image()
var Image2clk = new Image()
Image1off.src = "Image1off.jpg"
Image1on.src = "Image1on.jpg"
Image1dwn.src = "Image1dwn.jpg"
Image1clk.src = "Image1clk.jpg"
Image2off.src = "Image2off.jpg"
Image2on.src = "Image2on.jpg"
Image2dwn.src = "Image2dwn.jpg"
Image2clk.src = "Image2clk.jpg"
function ChangeImageLink(TargetImage, ImageEvent)
{
if (TargetImage.src.indexOf("clk") == -1)
TargetImage.src = ImageEvent.src
for (i = 0; i < Images.length; i++)
if (Images[i] != TargetImage.name && ImageEvent.src.indexOf("clk") != -1)
document.images[Images[i]].src = eval(Images[i] + "off.src")
}
-->
</SCRIPT>
<BODY>
<A HREF="1.htm" target="iframeAdi">
<IMG NAME="Image1" BORDER="0" SRC="Image1off.jpg"
ONMOUSEOUT="ChangeImageLink(this, Image1off)"
ONMOUSEOVER="ChangeImageLink(this, Image1on)"
ONMOUSEDOWN="ChangeImageLink(this, Image1dwn)"
ONCLICK="ChangeImageLink(this, Image1clk)">
</A>
<BR>
<A HREF="2.htm" target="iframeAdi">
<IMG NAME="Image2" BORDER="0" SRC="Image2off.jpg"
ONMOUSEOUT="ChangeImageLink(this, Image2off)"
ONMOUSEOVER="ChangeImageLink(this, Image2on)"
ONMOUSEDOWN="ChangeImageLink(this, Image2dwn)"
ONCLICK="ChangeImageLink(this, Image2clk)">
</A>
</BODY>
tabii JavaScript'in event ve nesne yakalama fonksiyonlari da var ama biraz karisik oldugu ve kodlari tarayicilara gore yeniden yazma zorunlulugunu getirdigi icin ben daha basit olan bu kodu tarcih ettim. yoksa olay tutuculari bir sefer kullanip, resimleri de ornegin bir tablo icine alarak fonksiyonu sadece bu tablodan cagirsaydik her resim icin ayri ayri event yazma zorunlulugundan kurtulacaktik. nasil, tanimi bile biraz kafa karistirici degil mi?
HiperAktif®
05/03/2004, 14:18
sende bu kod çalıştımı ?
iki makinada ve yazarken bir de beynimde denedim, çalıştı. sorun nedir?
HiperAktif®
05/03/2004, 15:03
bende çalışmadıda..en azından istediğimi yapmadı..
kendinize gore duzenlediginiz bir ornegi gorebilir miyiz?
calismasi lazim. simdi calismamasi ayri istedigini yapmamasi ayri seyler degil mi? istedigini yapmayip farkli bir sey yapmasi da calistigina isarettir. :)
kodun ne yaptigini aciklayayim:
1- sayfada buton gorevi goren birden fazla resim var.
2- bu resimler sayfa ilk acildiginda "off" durumundalar.
3- resimlerin herhangi birinin uzerine geldiginde degisiyor ve "on" durumuna geciyor.
4- kursoru resimlerin herhangi birinin uzerindeyken basili tuttugunda degisiyor ve "mousedown" durumuna geciyor.
5- resimlerin herhangi birine tikladiginda degisiyor ve "click" durumuna geciyor. ayrica bu resime atanmis olan link sayfa icerisindeki "iframeAdi" frame'inde aciliyor.
6- baska bir resime tiklanincaya kadar onceden tiklanmis olan resim "click" durumunu koruyor. baska bir resime tiklaninca, tiklanan resim disindaki tum resimler "off" durumuna geciyor.
biraz uzun oldu ama, tam olarak bunu istemiyor muydunuz?
HiperAktif®
05/03/2004, 15:41
calismasi lazim. simdi calismamasi ayri istedigini yapmamasi ayri seyler degil mi?
eğer sorulan şeyi cevaplamıyorsa ne yaptığı beni cezbetmiyor..
5- resimlerin herhangi birine tikladiginda degisiyor ve "click" durumuna geciyor. ayrica bu resime atanmis olan link sayfa icerisindeki "iframeAdi" frame'inde aciliyor.
6- baska bir resime tiklanincaya kadar onceden tiklanmis olan resim "click" durumunu koruyor. baska bir resime tiklaninca, tiklanan resim disindaki tum resimler "off" durumuna geciyor.
biraz uzun oldu ama, tam olarak bunu istemiyor muydunuz?
bunları yapmıyor işte..yani mouse resmin üzerinden gittiği an off durumuna geri dönüyor.
senin yaptığın herhangi bir örneği ben görebilirmiyim..
bu resimlerle bir yere atman mümkünmü ?
http://www.geocities.com/sockinthecrock/ceviz/javascript/buttons/1/ceviz-buttons.htm
HiperAktif®
05/03/2004, 16:26
:super: oldu..
çok teşekkürler...
o kodları tekrar düzenlenmişsin..acaba kodda değişiklik mi yapmıştın..
ben önceki kodu almış olabilirim..
ama herneyse :)çalıştı sonuçta..sağol
yok.. kodlari oldugu gibi yapistirdim. sadece onyukleme ekledim. yani resimleri katman icine alip, katmani gorunmez yaptim. sayfa yuklendiginde de(yani tum resimlerle birlikte) katmani gorunur yaptim(body etiketine ONLOAD eklemistim).
kolay gelsin.
Forum Yazılımı : vBulletin v3.7.3, Copyright ©2000-2008, Jelsoft Enterprises Ltd.