Resim Değiştirme

21-06-2010, 03:55:11

ACYN

Kimlik doğrulama veya yönetimden onay bekliyor.

Selam arkadaşlar resimde göründüğü gibi veritabanından resimleri çekip küçük olarak gösteriyorum ancak o küçük resimlerin üzerine gelince üstteki büyük resimin olduğu yerde gözüksün istiyorum ancak yapamadım. Haber manşet sistemi tarzı yani nette biraz baktım işime yarar bulamadım. istediğim basit bir şekilde mouse küçük resmin üzerine gelince üstte büyük resim çıksın... yardımcı olursanız sevinirim...

21-06-2010, 03:57:14

#2

Irresistible

aradigin sey css veya ajax ile yapilabilir sanirim. php'lik bir durum yok ki.

21-06-2010, 09:07:33

#3

cocainer

php ile alakası yok javascript bolumunde yardımcı olan çıkacaktır, hatta hazır kodlar bile mevcut jquery ile yapılmış.

21-06-2010, 10:32:01

#4

RedZ

kaynak kodlarını buraya yapıştır nerde ne yaptıgını ve yapman gerektiğini gösterelim.

21-06-2010, 10:44:46

#5

SmayLee

Dediğiniz olay Dreamweaver'da bir kaç oynama ile yapılabilecek birşey.

Ben şu şekil basit birşey yaptım.
http://solidfiles.com/d/4c0d/
Belgelerim/Resimler/Örnek Resimlerin içerisinde denersen görebilirsin. Dreamweaver varsa dediğim gibi yapabilirsin basit bir şekilde. Eğer Dreamweaver varsa nasıl yapılacağını soruyorsan şu şekilde anlatabilirim sana.

Önce büyük olacak resme sol alt "ID" yazan kısma herhangi birşey yazıyoruz. Küçük resmi seçip ardından Windows -> Behaviors penceresini açıp "+" kısmına tıklıyoruz. Açılan menüden Swap Image düğmesine basıyoruz. Açılan listeden "Images [ID kısmına ne yazdıysanız]" olan seçeneğe tıklayıp tamam diyorsunuz. Büyük bir kısmını tamamladık.
Şimdi küçük resimde bulunduğumuz zaman, behavior eklediğimizden sağ alttaki panelde "Swap Image ve Swap Image Restore" behaviorları çıkacak."Swap Image Restore" ye tıklayıp deleteye basıyoruz. Ardından "OnMouseOver" yazan yere tıklayıp "OnClick" yazanı seçiyoruz ve deniyoruz.

Sonucun büyük ihtimal olumlu olması gerekiyor. Teşekkürler, İyi günler.

Düzenleme: Gördüm ki üzerine gelince değişmesini istiyormuşsunuz.O halde OnMouseOver'lı kısmı atladığınız zaman sorununuz hallolacaktır

21-06-2010, 10:45:09

#6

mrtoxic

Küçük resimler class="kucuk" özelliğinde büyük resimin ise class="buyuk" oldugunu sayalım.Sayfanın head tagları arasına jquery.js ekle.

Alıntı

$(document).ready(function(){
$(".kucuk").click(function(){
var kucuk=$(this).attr('src');
$(.buyuk).attr('src')==kucuk;
});
});

21-06-2010, 21:15:01

#7

ByTriSLaSiS

ACYN adlı üyeden alıntı: mesajı görüntüle

Selam arkadaşlar resimde göründüğü gibi veritabanından resimleri çekip küçük olarak gösteriyorum ancak o küçük resimlerin üzerine gelince üstteki büyük resimin olduğu yerde gözüksün istiyorum ancak yapamadım. Haber manşet sistemi tarzı yani nette biraz baktım işime yarar bulamadım. istediğim basit bir şekilde mouse küçük resmin üzerine gelince üstte büyük resim çıksın... yardımcı olursanız sevinirim...

şöyle birsey istersen verebilirim kodları ?
demo

en üstteki afiş sismtemi istediğin gibi değişirsin ??