Замена фото при наведение - Joomla 2.5: Общие вопросы

        Здравствуйте, мне интересно можно ли в материале или в стандартном модуле HTML, сделать так чтоб при на ведение на фото оно как нибудь менялось, там светлее становилось или на другое фото заменялось. Чтоб было понятно что фото ссылочное?

Если да, то как примерно?

Заранее всем спасибо

очень широко вопрос задали. Правильный ответ: всё можно. Например, чтобы заменялось на другое — это обычным CSS делается. По собитию :hover показываем/скрываем другое фото. Чтоб светлее — тоже самое, только сверху накладываем фон в rgba. Если какие-нить красивые переходы нужны, используем анимацию с помощью css3 или js.

Конечно это можно сделать, но я имел ввиду именно в материале или модуле HTML. Не лазая по файлам сайта, то есть все через панель управления.
У меня статья, в статье фотография, когда на нее кликаешь переходишь к другой статье, вот я и хочу на нее такой эффект наложить...

Теоретически можно. Практически очень не советую. Привыкайте работать с Joomla как с CMS (чем она и является ) а не «конструктором сайтов». В админке набиваем чистый контент. Весь функционал и тем более украшательства — в файлах.

просто это на 1 картинку в материале, для материала код переписывать как то не охото

да там две строки в стили добавить!

вот как тут пойдет? - http://vmcentr.ru/index.php/magazin/berety - наводим мышку - картинка получает прозрачность.

твой вариант, только для ЕХ и то последней версии вроде))

я нашел другой вариант и более удобный и легкий, не лазая не в какие стили)

просто добавляешь внутри статьи следующий код к картинке и все, вуаля работает)

<a href="index.php/documentation/rzbs"><img src="images/materials/sait.png" border="0" alt="" width="352" height="385"
onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=40" style="opacity: 1;"/>

ТЕМА ЗАКРЫТА, СПАСИБО ВСЕМ КТО СТАРАЛСЯ ПОМОЧЬ И ПРОСТО ЧИТАЛ

ну и как, получилось?))) редактор джумловский ничо не порезал в таком коде?))
и если еще картинку надо добавить - тоже такой код мастырить?)))
мой вариант чем хорош - ОДИН раз добавил и ВСЕ картинки в статьях получают эффект автоматом! разницу чуете?))) да, понятно, то вам только одну картинку сделать, но плох тот солдат, который .... учитесь работать на перспективу!!))

Может я туплю, но штатный редактор позволяет это делать без лишних заморочек. В свойствах изображения должно быть что то вроде "изображение при наведении".

Может я туплю, но штатный редактор позволяет это делать без лишних заморочек. В свойствах изображения должно быть что то вроде "изображение при наведении".

это минимум 4 нажатия мышкой. сам там пробовали или из видеоуроков инфа?)))
а когда у вас в стилях, то просто добавь воды картинку. ВСЁ!
стиль можно сделать только для позиции, где выводится контент, чтобы все картинки на сайте не становились меняющимися, а только в материалах. код вставляется один раз.

Не так удобно просто, если это в ксс делать то применяется ко всем, а так я выделил только те которые нужны))там мудрить нечего не надо просто к картинке вставить этот код и все. очень удобно, так то я в ксс и HTML разбираюсь хорошо, просто не хотел заморачиваться)
onmouseover="this.style.opacity=0.7;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=40" style="opacity: 1;"/>
нет, редактор норм реагирует на код, смотрится прикольно, советую просто для интереса попробовать, как на 2.5 работает так и 3))

Я пытался для одной позиции сделать,  с самого начала, но шаблон не позволяет они там намудрили свое)

Ссылку на сайт покажите. Я бы, даже если б сильно постарался, не смог бы намудрить так, чтобы невозможно было конкретный селектор взять, и повесить на него стили.

да там две строки в стили добавить!

вот как тут пойдет? - http://vmcentr.ru/index.php/magazin/berety - наводим мышку - картинка получает прозрачность.

Код

.blabla:hover{
opacity:0.7;
filter: alpha(opacity = 70);
}

А разве так: a:hover img {opacity:.7;} не проще?
А можно и плавности добавить transition: .2s;

Сайт пока на локалке,  завтра днем планирую запуск, как запущу тут отпишусь)

А разве так: a:hover img {opacity:.7;} не проще?
А можно и плавности добавить transition: .2s;

в смысле проще? фильтр альфа для стареньких мелкомягких, учите матчасть!!