Не нравятся результаты поиска? Попробуйте другой поиск!

Адаптация скрипта под DLE


     25.03.2014    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery    1227

вопрос
Есть небольшой "скрипт" который выводит два блока на картинку при наведении: http://kakradio.w.pw/cover-test/
Исходный код скрипта:

<style>
.cover-all{
    width:125px;
    height:165px;
    overflow:hidden;
}
.cover-bottom{
    height:117px;
    width:125px;
    background:#c8c8c8;
    margin-top:165px;
    text-align:center;
}
.cover-top{
    height:48px;
    width:125px;
    background:#a8a8a8;
    margin-top:-48px;
    text-align:center;
}
<script>
$(document).ready(function(){
    $(".cover-all").hover(function(){
        $(".cover-bottom").animate({"margin-top":"0px"},350);
        $(".cover-top").animate({"margin-top":"0px"},350);} , function(){
            $(".cover-bottom").animate({"margin-top":"165px"},350)
            $(".cover-top").animate({"margin-top":"-48px"},350);});
});
</script>
<div class="cover-all" style="background:url(mss.jpg) no-repeat; background-color:#000;    background-size:cover;">
<div class="cover-top">
Немного текста
</div>
<div class="cover-bottom">
Чуть больше текста
</div>
</div>

Вопрос: "Как адаптировать этот скрипт под DLE? Смысл его в том - что он попросту выводит картинки из статей и при нажатии можно посмотреть новость. Но если я поставлю его в таком виде то при наведении на одну картинку, будут работать все. Как быть?"
Заранее спасибо.

Ответа пока нет


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы