Задать вопрос

ydela

Комментарии

  • CSS: как реализовать смену нескольких изображений (больше двух)?

    @ydela Автор вопроса
    Никак не могу возобновить хотя бы ваш код. Уже все перепробовал. Правда, я с jQuery до этого не стыкался, может упускаю что-то простое и важное из виду.

    myscript.js (точнее, чуть измененный ваш), сменил название папки с картинками:
    $('a.link-color').each(function(){
    $(this).css('color','#' + $(this).attr('data-color'));
});
var src = 'images/';//папка с картинками
var prefix = 'color';//префикс в названии картинки, например: color000000.png
var ext = 'png';//расширение файлов картинок 
$('.link-box > .link-color').hover(function(){
    $('.img-color-box').find('img').attr('src',src + prefix + $(this).attr('data-color') + '.' + ext)
});


    мой html:
    <!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jQuery2.0.2.js"></script>
        <script type="text/javascript" src="myscript.js"></script> 
    </head>
<body>
    <div class='link-box'>
    <a class='link-color' data-color='009900' href='#'>зеленый</a>
    <a class='link-color' data-color='ССOO66' href='#'>фиолетовый</a>
    <a class='link-color' data-color='333399' href='#'>голубой</a>
    <a class='link-color' data-color='ff0000' href='#'>красный</a>
</div>
<p></p>
<div class='img-color-box'>
    <img src="images/color000000.png">
</div>
</body>
</html>


    показывается одна из моих картинок (color000000.png), но они не переключаются. Пробовал скопировать работу вашего первого ответа, но отображается только серая картинка.

    - скачал библиотеку с оф. сайта
    - в дебагере никаких ошибок

    не подскажите где я оплошал?
    Написано

  • CSS: как реализовать смену нескольких изображений (больше двух)?

    @ydela Автор вопроса
    Спасибо, mlnkv. Я, наверное, неправильно поставил задачу. Мне нужен такой эффект как предложил iiil, только с помощью CSS и картинок, а не кодов цвета.
    Написано

  • CSS: как реализовать смену нескольких изображений (больше двух)?

    @ydela Автор вопроса
    Спасибо, как раз тот эффект который я хотел, только можно ли цвета заменить на картинки?
    Написано

  • CSS: как реализовать смену нескольких изображений (больше двух)?

    @ydela Автор вопроса
    Спасибо за помощь.

    А это решение как-то можно доработать, чтобы при наведении на какой-то цвет, изображение оставалось даже после ухода мышки?

    Т.е. я навел на зеленый, картинка стала зеленой, я увел мышку и смотрю на зеленый рисунок, навел на красный и теперь во всю могу наслаждаться цветом заката пока не наведу мышку на какой-нибудь другой цвет.
    Написано