Эффект с аватаркой

#1 9 марта 2011 в 09:41

Хотел создать эффект на аватарках пользователей, но никак не могу решить проблему.
По-идее всё очень просто, но работать не хочет.
Есть файл eff.js с эффектом, нужно использовать class в img love.
В html виде работает:

<img src="user.png" class="love" alt="" />

Пробовал во фронтеде и просто в шаблоне com_users_profile.tpl
С начала что делал во фронтеде:
Редактировал components/users/frontend.php
В разделе ///////// VIEW PROFILE ////////////////
После:

if ($cfg['j_code']) {

Добавил:

		$inPage->addHeadJS('templates/_default_/js/eff.js');

Чуть ниже заменил:

$usr['avatar']				 = usrImageNOdb($usr['id'], 'big', $usr['imageurl'], $usr['is_deleted']);

На:

'<span class="love">'.$usr['avatar'].'</span>'				 = usrImageNOdb($usr['id'], 'big', 
$usr['imageurl'], $usr['is_deleted']);

Не помогло.
Попробовал пойти другим путём:
Редактирую templates/_default_/components/com_users_profile.tpl
Добавляю в начало:

{add_js file="templates/_default_/js/eff.js"}

Заменяю:

{$usr.avatar}

На:

<span class="love">{$usr.avatar}</span>

Ещё пробовал так:

<div class="love">{$usr.avatar}</div>

Сутки не спал, голова уже совсем не варит, прошу помощи.

#2 9 марта 2011 в 10:51

если есть рабочее demo, скиньте

Создание сайтов, верстка, кодинг

#3 9 марта 2011 в 13:40

AtlantisWeb, Демо эффекта или как показывается при изменении файлов?
В коде всё в порядке? ничего не напутал??

Сегодня в 19:54

#4 9 марта 2011 в 14:14

архив с рабочим демо эфектом, что бы увидеть его в действии, прикрутить и скинуть вам рабочий вариант (если получится)

Создание сайтов, верстка, кодинг

#5 10 марта 2011 в 00:13

Возможно скрипт работает если назначен именно на img, проверьте в html будет ли работать на span или div.

#6 10 марта 2011 в 12:43

googlebot, действительно, в html тоже нет отображения.
А как тогда вывести эффект на изображение, если оно работает только по img?

#7 10 марта 2011 в 17:59

кто знает как такое сделать смотреть
Жекис

Вопросы задайте максисофту… он выкладывал тут разработку эфекты на аватар под 1.6

Говорят, что лень — двигатель прогресса. Когда человеку стало трудно носить тяжести, он придумал колесо.

#8 10 марта 2011 в 18:45

кто знает как такое сделать смотреть

Жекис

Там же все написано...

<div id="ava" style='background-image: url("http://uaproxy.com/index.php?q=aHR0cDovL3VhcHJveHkuY29tL2luZGV4LnBocD9xPWFIUjBjRG92TDNkM2R5NXBibk4wWVc1MFkyMXpMbkoxTDJsdFlXZGxjeTkxYzJWeWN5OWhkbUYwWVhKekx6bG1Zall3Tm1ZMFlXWTBOREE1TkRZMlpEUmlabUk0TnpsbU4yUTRPR1V3TG1wd1p3JTNEJTNE");background-repeat: no-repeat; background-position:center;' align="center">
                                <span dir="rtl">
                                <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="lecteur" width="200" height="200">
                                    <param name="wmode" value="transparent">
                                    <param name="movie" value="../images/effects/eff_18.swf">
                                    <param name="allowScriptAccess" value="never">
                                    <embed allowscriptaccess="never" type="application/x-shockwave-flash" src="http://uaproxy.com/index.php?q=aHR0cDovL3VhcHJveHkuY29tL2luZGV4LnBocD9xPWFIUjBjRG92TDNkM2R5NXBibk4wWVc1MFkyMXpMbkoxTDJadmNuVnRMeTR1TDJsdFlXZGxjeTlsWm1abFkzUnpMMlZtWmw4eE9DNXpkMlklM0Q%3D" wmode="transparent" width="192" height="192">
                                </object>
                            	</span>
                            </div>

background-image: url/images/users/ в качестве фона выбирается ваш аватар
между span вставляется флеш, т.к. он прозрачный то фон виден картинка аватара

все это правится в com_users_profile.tpl

приатачить немогу поэтому залил на обменник
кому надо вот сам флеш mariovip.ucoz.ru/eff_1800.swf

Создание сайтов, верстка, кодинг

табы в профиле

Фон сайта

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Эффект с аватаркой

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Автор с аватаркой

Автор с аватаркой - продолжение

[ЕСТЬ РЕШЕНИЕ] Подскажите как на всем сайте убрать кружочки рядом с аватаркой (индикации онлайн офлайн)

Сделать красивые эффекты

Посоветуйте как сделать эффект перелистывания pdf-книг в Инстанте.

InstantCMS Team

О проекте

Поддержка

Дополнения