Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Адаптация скрипта под DLE

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


     25.03.2014    JavaScript DLE, jquery, css, animation    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery    1741

вопрос
Есть небольшой "скрипт" который выводит два блока на картинку при наведении: 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? Смысл его в том - что он попросту выводит картинки из статей и при нажатии можно посмотреть новость. Но если я поставлю его в таком виде то при наведении на одну картинку, будут работать все. Как быть?"
Заранее спасибо.

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


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

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

наверх