lostyazilim
tr.link

resim üzerine gelince... nasıl yaparım.

6 Mesajlar 3.396 Okunma
lstbozum
tr.link

radyoloji radyoloji Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.02.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek Radyoloji Teknikeri
  • Konum Niğde
  • Ad Soyad ** **
  • Mesajlar 198
  • Beğeniler 4 / 23
  • Ticaret 0, (%0)
http://www.addictinggames.com/

arkadaşlar yukardaki site gibi resmin üzerine gelince o konuya ait link(isim) ve mesela(50 karakterlik) bir açıklama getirme işlemini nasıl yapabilirim???
 

 

wmaraci
reklam

rankend rankend barankaraboga.com Kullanıcı
  • Üyelik 10.12.2011
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Müh. Adayı
  • Konum Muğla
  • Ad Soyad B** K**
  • Mesajlar 207
  • Beğeniler 20 / 38
  • Ticaret 2, (%100)
yazı nasıl gelir orasını çözemedim ama üzerine gelince değişen resmi DW ile rollover ile yapabilirsin ben sana hazırını vereyim ;

<script>
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i}
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 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

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 for(i=0;!x&&d.layers&&i 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>


ilgili yerleri değiştirebilirsin kodda şu bölümü bularak ;

 

 

barankaraboga.com // rankend.com // hatadeposu.com - türkiyenin hata çözüm arşivi

radyoloji radyoloji Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.02.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek Radyoloji Teknikeri
  • Konum Niğde
  • Ad Soyad ** **
  • Mesajlar 198
  • Beğeniler 4 / 23
  • Ticaret 0, (%0)
malesef resim değilde yazı gelmesi lazım. yani o konunun başlığı ve kısa bir açıklaması. yada açıklamaya da gerek yok. resmin üzerine gelince o konunun başlığı gelse yeter.

şöyle de bir örnek verebilirim http://www.tanertuncer.com/demo/portfolyo/
 

 

ismailBayram ismailBayram Hatır işi yapma! Kullanıcı
  • Üyelik 17.07.2012
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Balıkesir
  • Ad Soyad ** **
  • Mesajlar 432
  • Beğeniler 93 / 90
  • Ticaret 7, (%71)
Bu mesajım burada kalsın 1 saat sonra cevap vereceğim inşallah
 

 

wmaraci
wmaraci

EftalYurtseven EftalYurtseven Web,Mobil Dev & SEO Man. Kullanıcı
  • Üyelik 13.06.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek 1019apps
  • Konum Isparta
  • Ad Soyad E** Y**
  • Mesajlar 60
  • Beğeniler 4 / 40
  • Ticaret 0, (%0)
Bence o kadar zor bir işlem değil resim gözüktüren divin aynısını kopyalayın ve ikinci bir div oluşturarak onun içine başlık ve kısa bir açıklama yazın.(Yazı kısaltmak için php'de substr fonksiyonunu incelemenizi tavsiye ederim.)

Daha sonra jQuery ile içinde açıklama olan divi gizlersiniz(Jquery ile hide methodu)

Genel divin üzerine gelindiğinde(mouseover) açıklamalı divi gösterirsiniz(show, fadeIn).
Divin üzerinden gittiğinde(mouseout) ise tekrar gizlersiniz
 

 

radyoloji radyoloji Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.02.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek Radyoloji Teknikeri
  • Konum Niğde
  • Ad Soyad ** **
  • Mesajlar 198
  • Beğeniler 4 / 23
  • Ticaret 0, (%0)
aslında şu efekti uyguladım. http://tympanus.net/Tutorials/OriginalHoverEffects/index5.html

{$oyun.baslik} olarak bir sıkıntı olmuyor. ama açıklama kısmı olmuyor.

eğer açıklama kısmını "50 karakter" ile sınırlama imkanım olursa süper olacak.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al