lostyazilim

jquery image hover + visible

4 Mesajlar 1.171 Okunma
lstbozum
wmaraci reklam

gigi55 gigi55 WM Aracı Kullanıcı
  • Üyelik 22.07.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad C** Ş**
  • Mesajlar 20
  • Beğeniler 5 / 2
  • Ticaret 0, (%0)
arkadaşlar yapmak istediğim tam olarak div içindeki resmin üzerine geldiğinde yani hover olayı gerçekleştiğinde resim büyüyecek yavaş şekilde ben bunu cssde

height: 275px;
width: 212px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;

şu şekilde yaptım büyükdükten sonrada resmin üzerine yeni bir div açılacak divin üstüne button eklemek istiyorum. Örnek olarak BURADA verilen örnek verebilirim fakat burada sadece text girebiliyorum a href giremiyorum link vermek istiyorum ben buraya anlatmak istediğimi umarım anlatmışımdır .

yardımcı olacak arkadaşlara teşekkürler
 

 

wmaraci
reklam

ATMCgrafik ATMCgrafik ATMCgrafik & kitapajansı Kullanıcı
  • Üyelik 20.01.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 341
  • Beğeniler 75 / 55
  • Ticaret 1, (%100)
css display: none,block la yapmanı öneririm js ye gerek kalmadan işini görür... geçişkenliğinide

-webkit-transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;
-moz-transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;
-o-transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;
-ms-transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;
transition: background 0.5s ease-out 0s, color 0.05s ease-out 0s;

bu kodları kullanarak yapabilirsin... (ben bu kodu reset.css de kullanıyorum bütün siteyi kapasıycak çekilde)
inşallah faydalı olur... Allah kolaylık versin...
 

 

Kitap Ajansı & ATMCgrafik

gigi55 gigi55 WM Aracı Kullanıcı
  • Üyelik 22.07.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Web Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad C** Ş**
  • Mesajlar 20
  • Beğeniler 5 / 2
  • Ticaret 0, (%0)
teşekkürler hocam.
 

 

maskedman maskedman Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.08.2011
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Bursa
  • Ad Soyad ** **
  • Mesajlar 78
  • Beğeniler 14 / 10
  • Ticaret 0, (%0)
Eğer istersen jquery olarak ta şöyle birşey olabilir.

Demo => http://maskedpirate.net/demos/exmp.php
















Yazı veya İstediğin herhangi bir kod buraya.




<script></script>
<script>
(function(){
var div = $('#box');
div.hover(
function(){
div.animate({
width: '400px',
height: '400px'
});
div.find('img').animate({
width: '400px',
height: '400px'
});
div.find('img').fadeOut(500);
},
function(){
div.animate({
width: '200',
height: '200'
});
div.find('img').animate({
width: '200',
height: '200'
});
div.find('img').fadeIn(500);
});
})();
</script>



dreamyme gigi55

kişi bu mesajı beğendi.

wmaraci
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