Помогите Косяк в вёрстке @ DeForum.ru

Была задача выводить на сайте фотографии в одном виде и с едиными размерами. А фотки конечно же, заливали разных размеров. Подогнал ~ приблизительно* все картинки под нужный размер, и засунул их фоном:
* – В моём случае это когда высота и ширина уменьшалась пропорционально до первого минимального размера превьюшки = (104 х 104).
<img src="Images/ramka1.gif" width="104" height="104" style="background-image:url(img/12/_11714644102.jpg);" />
Но вот незадача, на некоторых машинах, когда проводишь мышкой по картинкам, фон на секунду начинает пропадать, как будто рефрешится.

Подскажите с чем это связано и есть ли решения как избавиться от этого эффекта :confused:

на рабочий пример ссылку плиз

Не знаю что там не работает, но по-моему пример реализован через ж**у. Зачем основную картинку засовывать в бэкграунд? Не проще ли сделать <img src="images/some_picture.jpg" style="width: 104px;height:104px;background:url('../images/ramka1.gif') no-repeat;padding:5px;" alt="" /> ???
Помимо того что CMS совершенно незачем лезть в CSS и менять бэкграунд, так еще и при отключенных стилях пользователь что должен видеть: картинку или рамку под нее?

Сайт тут: http://100-300.ru/

Для hardy: а как в таком случае будет выглядеть превьюшка картинки с размерами 600 на 300, плющить её?

da-khosh, а как происходит в вашем случае?

Посмотрел сайт. Файл ramka1.gif - это прозрачный квадрат с двухпиксельной белой полоской по периметру. Зачем он вообще нужен? Свойство style="border: 2px solid #FFF;" прекрасно справляется с этой задачей. :gent:

hardy, признаю что многое можно было осуществить на CSS но было мало времени и мне было так проще.

В моем случае надо получать превью фотографий без видимых искривлений и диффузии.
Фотка заливаясь на сайт получает аналог себя но с меньшими размерами. Размеры которой не должны превышать по высоте или ширине 104 пикселя и красиво выводиться в рамочке по центру.
Что-бы избежать казусов с продолговатыми картинками я уменьшаю X и Y пропорционально до тех пор пока один из них не станет 104 пикселя. Далее прсото вставляю полученную картинку фоном. Всё смотриться красиво!

Только вот почему на некоторых машинах под эксплоером когда мышка находит на картинку-рамочку с фоном, фон мигает, как-бы рефрешиться заново.

Вот и хотел узнать как можно бороться с этим эффектом и какова причина, что-бы в дальнейшем её обходить стороной!

у меня в ИЕ6 под XP все нормально. :dandy:

а в дальнейшем лучше пользуйтесь CSS и не изобретайте велосипед :beer:

Так вот не у всех нормально =( в частности у моего босса и ряда других сотрудников.
В целом этот глюк 50% на 50% есть и нет.

p.s. И эксплоеры то разные у всех.

Как я вижу это:

Код:

<style>
.pic {border:2px solid #FFF;}
.pic div {width:104px; height:104px;}
.pic a {display:block; width:104px; height:104px;}
</style>

<div class="pic">
      <div style="background:url(img/image.jpg);">
             <a href="#" title="myPic">&nbsp;</a>
      </div>
</div>

Всеравно мигает (

da-khosh, тогда вас спасет вставка как картинка, а не фон.

Код:

<style> 
.pic {border:2px solid #FFF;} 
.pic div {width:104px; height:104px; overflow:hidden;} 
</style> 

<div class="pic"> 
      <div> 
             <a href="#"><img src="img/mypic.jpg" alt="myPic" /></a> 
      </div> 
</div>

6 Сообщения: 32 Зарегистрирован: 05.12.03

Цитата:

Только вот почему на некоторых машинах под эксплоером когда мышка находит на картинку-рамочку с фоном, фон мигает, как-бы рефрешиться заново.

Код:

* html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

asfv, ух ты! Какой красивый костыль.

Ура!
Tnx > asfv!

da-khosh, а правильно сверстать без костылей по последнему примеру не судьба?

IonDen666, а костыль-то реально полезный. Он и дергание курсора в ИЕ при моусовере на линку с фоновой картинкой фиксит (по крайней мере в проверенных мной случаях)

Пока нет ( я на этой недели уже другой сайт делаю... и сроки просто не позволяют переверстать. Но за советы спаибо, буду учитывать впредь! :beer:

DeДверь
Логин:
Пароль:
	Автологин