16 апреля 2010 в 11:03
Проблема с наложением эфекта на записи views. Подскажите как можно реализовать такое. Есть ноды с полями: название, фото А, фото Б. Через вьювс выводим все ноды с этими полями, но незнаю как сделать что бы выводилось название и фото А, а при наведении мыши на фото А оно плавно менялось на фото Б. Либо же при наведении рядом всплывало фото Б. Помогите пожалуйста. Срочно нужно.
Комментарии
Да вообще не проблема. Я бы сделал так:
Во вьюс когда выбираешь поля там есть такая опция "Exclude from display". Так вот? делаешь вывод большой картинке и ставишь эту опцию.
Делаешь так, чтобы вывод большой картинки был выше в списке вывода полей(справа маленькая кнопочка сортировки вывода полей)
Потом в поле где выводить маленькая ставишь опцию "Rewrite the output of this field" и в поле прописываешь свой html код в котором используешь заменители.
Я так думаю что вывод картинок тебе нужен как адрес, тогда будет всё ок.
P.S. Это если lightbox совсем осточертел.
Точно, спасибо за совет. А не подскажешь как к нему можно теперь прикрутить эфект плавной смены картинки по наведению мыши? допустим как прикрутить innerfade, через заменители?
http://medienfreunde.com/lab/innerfade/
Я так понял innerfade тут не поможет, так как он только слайд шоу делает? Пробую через FadeOut FadeIn написал скрипт, но почемуто картинка тухнет и зажигается одна и таже а смены не получается.
$(".im").click(function () {
var src = $(".pimg").attr("src");
var tmp = $(".ptmp").val();
$(this).fadeOut("slow", function () {
$(".pimg").attr("src", tmp);
});
$(this).fadeIn("slow");
$(".ptmp").val(src);
});
});
А в поле прописываю
<img border="0" src="[field_photo_b_fid]" class="pimg">
<input type="hidden" class="ptmp" value="[field_photo_a_fid]" >
</p>
И оно не работает в чем моя ошибка? Или может все таки innerfade тож подойдет для такой цели, если да то как код прописать?
А во вьювсе в поле "Rewrite the output of this field", я так понял прописывать стиль нельзя?
Такого типа:
<div id="div1" style="background-image: url(/img/picture.png); background-repeat: no-repeat">Это можно как-то обойти?
В явном виде, то есть style="........" - нельзя (точнее можно, но их "отрежет").
А вот id="" и class="" - можно. Остальное пишем в CSS'ку.