Смена Картинки При Наведении
#1
Отправлено 10 Март 2013 - 16:16
<a href="http://xn--h1aka1au3...p1ai/feedback">
<img src="http://design.xn--h1...ai/e2.png?9187" style="display:inline;" />
#2
Отправлено 10 Март 2013 - 16:31
hamer750 (10 Март 2013 - 16:16) писал:
<a href="http://xn--h1aka1au3...p1ai/feedback">
<img src="http://design.xn--h1...ai/e2.png?9187" style="display:inline;" />
Пример кода:
<a href="адрес страницы" class="m1"> <img class="m2" src="адрес изображения" style="display:inline;" /> <script> $('.m1').hover( i=''; function(){ i = $('.m2').attr('src'); $('.m2').attr('src')='адрес второй картинки'; }, function() { $('.m2').attr('src')=i; }); </script>
#3
Отправлено 10 Март 2013 - 16:40
Koderhan (10 Март 2013 - 16:31) писал:
Пример кода:
<a href="адрес страницы" class="m1"> <img class="m2" src="адрес изображения" style="display:inline;" /> <script> $('.m1').hover( i=''; function(){ i = $('.m2').attr('src'); $('.m2').attr('src')='адрес второй картинки'; }, function() { $('.m2').attr('src')=i; }); </script>
#5
Отправлено 10 Март 2013 - 16:55
hamer750 (10 Март 2013 - 16:40) писал:
<a href="http://xn--h1aka1au3...ЖЕННЫЙ-ПЛАТЁЖ">
<img src="http://design.xn--h1...ai/e3.png?0418" style="display:inline;" />
<a href="http://xn--h1aka1au3...page/Доставка">
<img src="http://design.xn--h1...ai/e1.png?8875" style="display:inline;" />
<a href="http://xn--h1aka1au3...p1ai/feedback">
<img src="http://design.xn--h1...ai/e2.png?9187" style="display:inline;" />
<a href="http://xn--h1aka1au3...i/page/ОТЗЫВЫ">
<img src="http://design.xn--h1...ai/e4.png?1051" style="display:inline;" />
<a href="http://xn--h1aka1au3...ОЖЕННЫЙ-ПЛАТЁЖ" class="m1">
<img class="m2" src="http://design.xn--h1...ai/e3.png?0418" style="display:inline;" />
<script>
$('.m1').hover(
i='';
function(){
i = $('.m2').attr('src');
$('.m2').attr('src')='http://design.xn--h1....png?3538';
},
function() {
$('.m2').attr('src')=i;
});
</script>
#6
Отправлено 10 Март 2013 - 17:23
hamer750 (10 Март 2013 - 16:55) писал:
<a href="http://xn--h1aka1au3...ЖЕННЫЙ-ПЛАТЁЖ">
<img src="http://design.xn--h1...ai/e3.png?0418" style="display:inline;" />
<a href="http://xn--h1aka1au3...page/Доставка">
<img src="http://design.xn--h1...ai/e1.png?8875" style="display:inline;" />
<a href="http://xn--h1aka1au3...p1ai/feedback">
<img src="http://design.xn--h1...ai/e2.png?9187" style="display:inline;" />
<a href="http://xn--h1aka1au3...i/page/ОТЗЫВЫ">
<img src="http://design.xn--h1...ai/e4.png?1051" style="display:inline;" />
<a href="http://xn--h1aka1au3...ОЖЕННЫЙ-ПЛАТЁЖ" class="m1">
<img class="m2" src="http://design.xn--h1...ai/e3.png?0418" style="display:inline;" />
<script>
$('.m1').hover(
i='';
function(){
i = $('.m2').attr('src');
$('.m2').attr('src')='http://design.xn--h1....png?3538';
},
function() {
$('.m2').attr('src')=i;
});
</script>
#7
Отправлено 10 Март 2013 - 17:31
#8
Отправлено 10 Март 2013 - 17:37
Koderhan (10 Март 2013 - 17:23) писал:
#9
Отправлено 10 Март 2013 - 19:29
<img src="http://design.xn--h1aka1au3a.xn--p1ai/e3.png?0418" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e1.png?8875" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e2.png?9187" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e4.png?1051" style="display:inline;">и замените на
<img class="img_icon" src="{ASSETS_IMAGES_PATH}e3.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e1.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e2.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e4.png" style="display:inline;">Затем в файл main.css добавьте блок
.img_icon:hover {border:1px solid red; border-radius:5px;}
#10
Отправлено 10 Март 2013 - 20:12
Stasya (10 Март 2013 - 19:29) писал:
<img src="http://design.xn--h1aka1au3a.xn--p1ai/e3.png?0418" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e1.png?8875" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e2.png?9187" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e4.png?1051" style="display:inline;">и замените на
<img class="img_icon" src="{ASSETS_IMAGES_PATH}e3.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e1.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e2.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e4.png" style="display:inline;">Затем в файл main.css добавьте блок
.img_icon:hover {border:1px solid red; border-radius:5px;}
#11
Отправлено 10 Март 2013 - 20:27
hamer750 (10 Март 2013 - 20:12) писал:
Stasya (10 Март 2013 - 19:29) писал:
<img src="http://design.xn--h1aka1au3a.xn--p1ai/e3.png?0418" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e1.png?8875" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e2.png?9187" style="display:inline;"> <img src="http://design.xn--h1aka1au3a.xn--p1ai/e4.png?1051" style="display:inline;">и замените на
<img class="img_icon" src="{ASSETS_IMAGES_PATH}e3.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e1.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e2.png" style="display:inline;"> <img class="img_icon" src="{ASSETS_IMAGES_PATH}e4.png" style="display:inline;">Затем в файл main.css добавьте блок
.img_icon:hover {border:1px solid red; border-radius:5px;}
#14
Отправлено 11 Март 2013 - 14:27
hamer750 (11 Март 2013 - 14:24) писал:
либо удалите строчку в шаблоне HTML
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
либо попробуйте изменить ее на
<meta http-equiv="X-UA-Compatible" content="IE=10"/>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных