Tam Versiyonu Görüntüle: Html Siteye üstüne gelince değişen resim script

emre__58
24.04.2009, 15:00
arkadaşlar Html Siteye üstüne gelince değişen resim scripti lazım ayrıca resme tıkladığın zaman linke gidecek bu script dediğim şey asp olabilir yada bunun yerine site içerğini genişletmek amaçlı ne kullanabilirim???

frendman
24.04.2009, 19:45
Fronpage kullanıyorsanız bu özelliği size sağlıyor. Önce Katman ilave edip, özellikler ve davranışlar sekmelerinden bu türden şeyler üretebiliyorsunuz.

emre__58
30.04.2009, 15:22
[QUOTE=frendman] Fronpage kullanıyorsanız bu özelliği size sağlıyor. Önce Katman ilave edip, özellikler ve davranışlar sekmelerinden bu türden şeyler üretebiliyorsunuz.[/QUOTE]


bu konuyu biraz daha açabilir misin?

enerjialternati
30.06.2009, 01:49
revolver image özelliği vardır sanırım kullandığın programda?

frendman
30.06.2009, 17:06
[QUOTE=emre__58] [QUOTE=frendman] Fronpage kullanıyorsanız bu özelliği size sağlıyor. Önce Katman ilave edip, özellikler ve davranışlar sekmelerinden bu türden şeyler üretebiliyorsunuz.[/QUOTE]


bu konuyu biraz daha açabilir misin?[/QUOTE]

Biraz uzun sürer. Zaten ilk mesajımda kısaca yöntemi tarif etmiştim. Siz yinede biraz o konuda eskiz yapın.

Değişmesini istediğiniz resimleri seçin. Aşağıdaki kodları kendinize göre düzeltip, tablo veya hücre içine yapıştırın.

-------------------------------------------
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.lengş; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }
}

function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.lengş;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.lengş]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.lengş; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.lengş; n++) { els=f[n].elements;
for(m=0; m<els.lengş; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}

function FP_swapImgRestore() {//v1.0
var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.lengş;i++) {
var elm=doc.$imgSwaps; if(elm) { elm.src=elm.$src; elm.$src=null; } }
doc.$imgSwaps=null; }
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'resim2.jpg')">

<div style="position: relative; widş: 275px; height: 77px; z-index: 1" id="katman1" onclick="FP_preloadImgs(/*url*/'resim1.jpg')">
<p align="center">
<a target="_top" href="http://www.bogazicibeldesi.com">
<img border="0" src="resim1.JPG" widş="275" height="77" id="img1" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'resim2.jpg')" onmouseout="FP_swapImgRestore()"></a></div>
------------------------------------------

Katman boyutu ve resim boyutları eşit olursa düzgün görünür.frendman2009-06-30 17:15:34

grost
12.07.2009, 16:56
kodlar için saol kardes :)

ksabitk
28.10.2009, 23:04
iki yol var
1. si javascript kullanırsın ki bu yukarıda anlatılmış
2. si css kullanırsın bunuda uzun uzadıya anlatmama gerek yok sen linke bak yeter http://www.dynamicdrive.com/style/csslibrary/category/C1/

tosyali37
15.12.2009, 19:09
arkadaşlar ben site kurmak istiyorum internette ne kadar açıklama varsa okudum ama hepsi çok ayrıntılı anlatmış birde ilk başlamak için host alsam kuramasam hiç bi işe yaramayacak şu işi banada ögretin yav yaklaşık 4 yıldır hazır siteler bloglarla ugraşıyorum bu bende hobi oldu yani az çok bi bilgim var araştırma yaptıgımda işte ftpden gönderin bilmemne diyor yani hosta kurulumunu anlatacak arkadaş varsa sevinirim

hasdrubal
15.02.2010, 14:57
front pagete site hazirlamayi anlatayim:
1. windows office programinin icinde frontpage diye bir program olmasi lazim. (Yani seninkinde var mi bilmiyorum. yoksa da olanini yuklersin.) varsa eger başlat menusunden programlara girdiginde cikar. orayi aciyorsun.
2. bu program ayni word gibi dosya acip uzerinde istedigin sekli veriyorsun. orada istersen hazir site sablonlari var onlardan birini de acip yapabilirsin ama yok kendim yapacam diyorsan (yani arka plan rengini, cerceve sayisini falan) bos bir sayfa acarsin. orada cerceve ekle, resim ekle, vs vs diye bir suru arac var ustte.(hani bu wordun araclar, bicim, ekle, dosya vs diye bolumlarinin yazdigi yerde). oralari kullanarak deneme yanilma yoluyla yaparsin. ben oyle yaptim.
3. ancaaakk: frontpagede site hazirlarken dikkat edilecek bazi noktalar var:
A) bir kere hazirladigin dosyalardan 1 tanesinin dosya adi "index" olacak.
bu index dosyasi site acildiginda ekranda gorulen ilk sayfadir. yani ana sayfaya "index" diyeceksin.
B) ikincisi: hazirladigin dosyalarin hepsini bir klasorde topla. yani hepsini kayit ederken ayni klasorun icinde topla.
C) link vermek istedigin resim, yazi, sekil vs. isterse bir tane nokta bile olsa yapacagin sey ayni; link vermek istedigin yari farenin sol tusuyla sec sag tikla ve kopru ekle yerinden kopruyu ver.
D) YAYIMLAMAK ICIN:
Once bir siteden hosting hizmeti alacaksin. (mesela ben graffiti.netten aldim. hafizasi daha fazla. onceden mynetten almistim hafizasi azdi.)bu ayni email adresi almak gibi giriyorsun bir eposta adresi aliyorsun.ondan sonra o eposta adresini aciyorsun orada "web hosting" linkine tiklayip aciyorsun. oraya daha once hazirlamis oldugun butun dosyalari yukluyorsun. graffiti.netin tek kotu yani bu (yani tek tek dosya yukluyorsyn uzun oluyor ama hafizasi fazla, mynette de hafiz aaz ama hepsini birden de istersen yukleyebiliyorsun. tabi bunlarin haricinde de bir suru boyle hosting hizmeti veren yer var, google, turkticaret, aklina ne kadar alt yapisi saglam site geliyorsa hepsinde bu hizmet var).neyse yukledigin dosyalarin hepsi sen siteni actiginda senin frontpagede hazirlamis oldugun gibi cikar.
AYRICA; diyelim sitende degisiklik yaptin. ya da yeni birsey ekledin. ekledigin ya da uzerinde degisim yaptigin her dosyayi, yukledigin hostingten silip yeni bicimini eklemelisin yoksa eski haliyle yayinlanir. eger sayfanda resim varsa onlari da ayri ayri yuklemen lazim. ya da mesela ana sayfada degisiklik yaptin anasayfayi yani indexi silip yensini yuklemen yeterli olmaz cunku degisiklik yaptigin cerceveyi de yeniden silip yuklemen lazim. mesela anasayfada icindekiler bolumune(cercevesine yani) yeni bir link verdin. o link eklentisi anasayfada gorundugu icin anasayfayi hostingten eskisini silip yenisini yukledigin gibi, senin dosyalarinin arasinda olan icindekiler cercevesini de ayrica hostingten silip yenisini yuklemen lazim. oyle yapmazsan siten dogru gorunmez.
E) UCRETSIZ ALAN ADI ALMAK ICIN:
Alan adi denen sey hani bu www. diye baslayip com, org, gov,edu vs gibi biten site adreslei yok mu iste onlar. sen dosyalari yuklemek icin hosting hizmeti aldigin yerden zaten ayni zamanda alan adi da almis oluyorsun. emmme ve lakin, bu alan adinin yaninda uzanti da oluyor: soyle mesela: "abidikgubidik.sitemynet.com/abidik" yani senin alan adinin yaninda hosting hizmeti aldigin yerin de adi cikiyor. bunun cikmasi pek hos olmuyor. iste bunu yok etmek icin, "www.yonlendir.com"dan ucretsiz alan adi alip bu alan adini kendi alan adina yonlendiriyorsun. sen yonlendirmeyi yapinca senin sitene ulasmak isteyenler yonlendirme adresini yazdiginda da ulasabiliyorlar hem boylece alan adin da uzun olmuyor, hem de nereden hosting hizmeti aldigin da belli olmuyor.
4- UCRETLI HOSTING VE ALAN ADI:
yukarida anlattiklarim ucretsiz bir site hazirlamak icindi. yok eger ben ucretli olsun iyi olsun istiyorum diyorsan "www.net.tr" adresinden ucretli bir alan adi aliyorsun. orada ucretler ve sartlarla ilgili hersey o sitede var.bakarsin.
UCRETLI HOSTING icin de bu hizmeti veren ucretli hosting saglayicilar var. google hosting yaz ucretli ucretsiz hepsi cikar. oralarin sana uygun fiyatta olan bir tanesiyle anlasip dosyalarini yuklemen icin sana artik kac paraya kac MB'lik hosting alani verirlerse orayi alip hazirladigin dosyalari oraya gonderiyoırsun.