Форум 3DNews
Вернуться   Форум 3DNews > Программирование > Web-программирование

Ответ Создать новую тему
Опции темы Опции просмотра
Непрочитано 28.04.2015, 19:24   [включить плавающее окно]   #1
Flaber
Мужской Бывалый
Автор темы
 
Регистрация: 20.03.2012
Как добавить функцию в код картинки

Есть сайт на wordpress
сделал анимацию на js через jquery
Код:
<script text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script text/javascript src="http://www.bitstorm.org/jquery/shadow-animation/jquery.animate-shadow.js"></script>
<script text/javascript>
function mouseOver()
{$(".woo-image").animate({borderRadius:60,boxShadow : "0 3px 26px rgba(0, 0, 0, 0.4)"},400 );
}
function mouseOut()
{$(".woo-image").animate({borderRadius:0,boxShadow : "0 0px 0px rgba(0, 0, 0, 0.4)"}, 500);
}
</script>
она работает, когда создаешь картинку, например:
Код:
<img class="woo-image thumbnail" border="0" alt="Пример 2" src="https://blablalba.png" onmouseover="mouseOver()" onmouseout="mouseOut()" />
но я хочу добавить анимацию на одну страницу сайта для миниатюр...и дело в том, что они формируются автоматически, и я нашел код, который отвечает за их формирование
вот он:
Код:
<?php if ( $woo_options[ 'woo_post_content' ] != "content" ) woo_image('&width='.$woo_options[ 'woo_thumb_w' ].'&height='.$woo_options[ 'woo_thumb_h' ].'&class=thumbnail '.$woo_options[ 'woo_thumb_align' ]); ?>
Возник вопрос, как правильно добавить функции onmouseover="mouseOver()" onmouseout="mouseOut()" в этот код php, чтобы при формировании миниатюры эти функции добавлялись?)

P.S.:пробовал так:
Код:
<?php if ( $woo_options[ 'woo_post_content' ] != "content" ) woo_image('&width='.$woo_options[ 'woo_thumb_w' ].'&height='.$woo_options[ 'woo_thumb_h' ].'&class=thumbnail '.$woo_options[ 'woo_thumb_align' ].'&onmouseover=mouseOver()&onmouseout=mouseOut()'); ?>
- не пашет)

Добавлено через 32 минуты

Сделал так:
Код:
<?php if ( $woo_options[ 'woo_post_content' ] != "content" ) woo_image('&width='.$woo_options[ 'woo_thumb_w' ].'&height='.$woo_options[ 'woo_thumb_h' ].'&class=thumbnail '.$woo_options[ 'woo_thumb_align' ].'& onmouseover=mouseOver()'.'& onmouseout=mouseOut()'); ?>
и код добавился "...class="woo-image thumbnail alignleft onmouseover=mouseOver() onmouseout=mouseOut()" /></a>"
только это в классе, а нужно вне параметра

я уже у цели
еще немного)

Добавлено через 1 час 13 минут

решил проблему вот так:
Код:
woo_image('&width='.$woo_options[ 'woo_thumb_w' ].'&height='.$woo_options[ 'woo_thumb_h' ].'&class=thumbnail '.$woo_options[ 'woo_thumb_align' ].'&before= onmouseover=mouseOver() onmouseout=mouseOut()');
Flaber вне форума  
Конфигурация ПК
Ответить с цитированием
Ответ Создать новую тему

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 17:02. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd. Перевод: zCarot
Copyright © 2000-2017 3DNews. All Rights Reserved.
Администрация 3DNews требует соблюдения на форуме правил и законов РФ
Серверы размещены в Hostkey