Все сделал, ни каких изминений.
Нужно чтоб в кратком списке при наведении курсором мышки, выскакивало основное фото.
Ставил magiczoomplus, все то что надо, НО если в списке есть товар без фото, то весь последующий товар функция не работает.
И как можно прикрутить watermark?
magiczoomplus позволяет ставить ватермарки. Рисуешь картинку, кидаешь на сервер, указываешь в настройках magiczoomplus путь к картинке (без www, просто нап. images/watermark.png). После этого нужно очистить кзш magiczoomplus. Всё должно работать.
Все сделал, ни каких изминений.
Попробуй очистить кэш браузера. Напомню, что в IE это не работает. Вот на всякий случай полный блок превьюшки
Код:
/* Previewer styles */
#previewer_overlay {
background-color: #000;
-moz-opacity: 0.1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=10)";
opacity: 0.1;
}
#previewer_window {
color: #000000;
}
#previewer_hide_select {
background-color: #ffffff;
border: none;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
opacity: 0;
}
#preview_window {
border: 2px solid #FF8000;
}
.drag-window {
background-color: #ffffff;
cursor: move;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
opacity: 0;
}
a.cm-thumbnails-mini, .product-variant-image-unselected, #thumbs_frame img {
background-color: #ffffff;
margin: 1 px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #CCC;
}
a.cm-thumbnails-mini:hover, .product-variant-image-unselected:hover, #thumbs_frame img:hover {
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transform:scale(2) translate(20px,-20px);
-webkit-transform:scale(2) translate(20px,-20px);
-moz-transform:scale(2) translate(20px,-20px);
-o-transform:scale(2) translate(20px,-20px);
}
a.cm-cur-item, .product-variant-image-selected, #thumbs_frame img.cm-current-thumb {
border: 2px dotted #C30;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 2px 7px rgba(0,0,0,0.6);
-moz-box-shadow: 0 2px 7px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.6);
}
a.cm-cur-item:hover, .product-variant-image-selected:hover, #thumbs_frame:hover img.cm-current-thumb:hover {
transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transform:scale(2) translate(20px,-20px);
-webkit-transform:scale(2) translate(20px,-20px);
-moz-transform:scale(2) translate(20px,-20px);
-o-transform:scale(2) translate(20px,-20px);
}
a.cm-thumbnails-mini img {
border: 0 none;
padding: 0;
}
/* /Previewer styles */