PDA

Tam Sürümünü Görmek İçin : resmin uzerine yazi

Volkan Uzun
25/02/2004, 21:21
selamlar yaklasimim yanlis mi bilmiyorum
bir site icin ban abir bitmap resim veridler, resmin uzerinde cesitli yerler var bunlar link seklinde ve bunlara basilinca bazi yerlere gidecek sayfas
once body backgroudn denemedim amaresim sayfa icin kucuk kaldigindan tum sayfada ayn iresimden 4 tane oldu birde backgorund resmine map yapamadimi farkettim
bende gidip insewrt image olarak resmi yerlestirdim, link olan kisimlari map tanimladim ve linklerini verdim ama bu seferde sorun resmin ortasinda beyaz bir alan var yazilar buraya gelecek ( linklere basildiginda bu beyaz alanlara bisiler yazacak yeni sayfalar ) iste bunu yapamiyorum resmin uzerine nasil yazarim ?

ArkHe
26/02/2004, 00:12
SWAP IMAGE ile yapabilirsin bunu...

Öncelikle sayfanda <head></head> arasina :


<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


seklinde bir script ekliyorsun.

Sonra da sayfandaki menu seceneklerine;


<a href="#"><img src="menudeki link resmi" name="menusecenek" id="menusecenek" onMouseOver="MM_swapImage('degiskenalan','','degisecek olan yeni resim',1)" onMouseOut="MM_swapImgRestore()"></a>


seklinde bir kod ekliyorsun. Bu bizim menu seceneklerine verecegimiz kodlar. Burada degiskenalan kismi, degisecek olan resmin temsili adi. Yani hangi hedefi verdigimizi belirtiyoruz. Sayfanda istedigin resmi degistirebilirsin demek oluyor bu.

Bundan sonra da,


<img src="degisecek olan alanin ilk hali" name="degiskenalan" id="degiskenalan">


gibi bir kod ekliyorsun. Bu bizim degisecek olan beyaz alanimiz. Bu en basta beyaz bos bir resim olur, sonra menu seceneklerine gore, beyaz alanin degisik hallerini hazirlayip her bir menu secenegine yukaridaki kodu verirsin.

// Eger DW kullaniyorsan bunu Behaviors ekranindan Swap Image secenegi ile yapabilirsin. Bu kadar elle kasmana gerek olmaz, zamandan kazanirsin.

Kolay Gelsin...
ArkHe
26/02/2004, 00:15
Bunun haricinde, resimle yapmak istemezsen(ki sonucta her bir degisen ekran aslinda resim yukaridaki ornekte) layer ile yapabilirsin. Ama bu da tasarimina bagli bir oneri olabilir, malum layerlari adam etmek oldukca zor bir is.

Baska bir alternatif de, sayfada degisecek olan alanlari frame ya da iframe icinde hazirlarsin. Linklere tiklandiginda o sayfada acilmasini emrederek sadece o alanin degismesini saglarsin. Yukarida verdigim ornegi sevmezsen bunlara da birer ornek vermeye calisirim...

Kolay Gelsin...