.product-info .option-image img {
margin-right: 5px;
cursor: pointer;
}
.product-info .option-image img:hover {
margin-right: 5px;
cursor: pointer;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;
}
yukarıda görüldüğü gibi mouse resmin üzerine geldiğinde gölgelendirme yapabildim ama resme tıklandığında bu gölgenin sabit kalmasını istiyorum başaramadım.
"Not: resimde link yoktur"
yardımlarınızı rica ederim
saygılarımla
CSS ile ilgili takıldığım yer |
3 Mesajlar | 598 Okunma | ||
- Üyelik 26.09.2013
- Yaş/Cinsiyet 43 / E
- Meslek Bilgisayar Tamircisi
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 6
- Beğeniler 0 / 0
- Ticaret 0, (%0)
- Üyelik 06.11.2013
- Yaş/Cinsiyet 36 / E
- Meslek Grafiker
- Konum Ankara
- Ad Soyad M** P**
- Mesajlar 189
- Beğeniler 2 / 53
- Ticaret 0, (%0)
Sayfaya bağlı herhangi bir js dosyasına aşağıdaki kodları eklerseniz çalışır hocam.
$(".product-info .option-image img").click(function(){
$(this).css("-moz-box-shadow","0 0 10px #000000");
$(this).css("-webkit-box-shadow","0 0 10px #000000");
});
Demo
$(".product-info .option-image img").click(function(){
$(this).css("-moz-box-shadow","0 0 10px #000000");
$(this).css("-webkit-box-shadow","0 0 10px #000000");
});
Demo
http://bit.ly/1dY0Cf6
- Üyelik 29.11.2013
- Yaş/Cinsiyet 38 / E
- Meslek Yazılım Mühendisi
- Konum İzmir
- Ad Soyad K** D**
- Mesajlar 246
- Beğeniler 63 / 86
- Ticaret 1, (%100)
mustafanart adlı üyeden alıntı
Sayfaya bağlı herhangi bir js dosyasına aşağıdaki kodları eklerseniz çalışır hocam.$(".product-info .option-image img").click(function(){
$(this).css("-moz-box-shadow","0 0 10px #000000");
$(this).css("-webkit-box-shadow","0 0 10px #000000");
});
Demo
demo güzelmiş :)
Tetra Yazılım - Web Tasarım ve Yazılım Uygulamaları
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)