Форум 3DNews

Форум 3DNews (http://forum.3dnews.ru/index.php)
-   Web-программирование (http://forum.3dnews.ru/forumdisplay.php?f=41)
-   -   Как добавить функцию в код картинки (http://forum.3dnews.ru/showthread.php?t=134686)

Flaber 28.04.2015 19:24

Как добавить функцию в код картинки
 
Есть сайт на 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, чтобы при формировании миниатюры эти функции добавлялись?):shuffle:

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()');


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

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd. Перевод: zCarot