Страница 1 из 2
JavaScript. Перспектива изображения.
Добавлено: Чт июн 30, 2011 01:47
baytuch
Стоит задача: необходимо создать анимированою 3D плоскость, на которой размещени фотографии. Проще горовя -- фото галлерея. Но для создания сего чуда необходимо представить каждую картинку в перспективе, так как имено это поможет создать эффект объемности... С панелью вроде, как проблем нет и есть масса реализаций: можно нарисовать тегом <canvas>, например... В общем, вариантов море... Но с картинками проблема, по сольку стоит задача трансформировть полследних и стороне клиента... А по скольку встроенных средств не нет ( возможно только растянуть, сдвинуть ), то пришлось думать... В резутьтате, мне подсказал мой хороший друг о возможной реализации и потом чже нашел библиотеку, в которой это реклизовано ( к слову, то метот залючается в многоразовом воспроизведении картинки с постепенным ее смещнием ). Метом рабочий, то крайне ресурсоемкий...
вот демка:
поглядеть
если такие тормоза с одно фоткой, что что будет, если их будет 20?
Думаю, тут два пути:
1) генерировать картинки придварительно на сервере или клинской стороне, а не в процессе работы скрипта;
2) отказатьсяот анимации.
Что хочу спросить: может есть возможность как-то сделать это на лету браузером?.. ( менее ресурсоемкий )
Добавлено: Пт июл 01, 2011 02:48
0z0n
Я не совсем понял задачу, но, это:
http://imageflow.finnrudolph.de/ часом не то, что тебе нужно?
Добавлено: Пн июл 04, 2011 11:34
baytuch
Э не... Я такое и сам умею, хотя, любопытно посмотреть, как там все реализовано...
OzOn писал(а):Я не совсем понял задачу...
Всмысле?... Ты мой скрипт смотрел?..
Добавлено: Пн июл 04, 2011 14:20
baytuch
Кстати, а допустимо смещать объекты за пределы видимой ( рабочей ) зоны браузера? ( Опера еще относится к таким вещам более-менее лояльно, но вот мозилоподобные начинают дико тормозить )
Добавлено: Пн июл 04, 2011 14:56
bj
CSS допускает такое расположение элементов. Обычно для этого используются отрицательные значения смещений (как правило горизонтальных).
Добавлено: Пн июл 04, 2011 17:48
baytuch
Спасибо...
Добавлено: Пн ноя 21, 2011 22:54
vektor
У меня здесь задачка нарисовалась, возможно кто-то сталкивался. У движка в темплатес, есть место под гуглевский баннер, а мне их баннер незачем, и я решил туда крутилку рисунков прикрутить.
Крутилку выбирал долго, потому что глючат скриптики. В общем крутилка работает, а как ее прикрутить, через файл tpl - не знаю. Скриптик из 3 файлов и папки с картинками.
Сам скрипт:
Код: Выделить всё
<?php
$ad = file('2link');
$count = file_get_contents('1count');
$a = $ad[$count+0];
echo $a;
if (count($ad) <= $count+2)
file_put_contents('1count', 0);
else
file_put_contents('1count', $count+2);
?>
Файлик 2link с адресами картинок:
Код: Выделить всё
<img src="http://localhost/roteutor/gifs/02.jpg"></a>
<img src="http://localhost/roteutor/gifs/01.jpg"></a>
<img src="http://localhost/roteutor/gifs/03.jpg"></a>
<img src="http://localhost/roteutor/gifs/04.jpg"></a>
<img src="http://localhost/roteutor/gifs/05.jpg"></a>
<img src="http://localhost/roteutor/gifs/06.jpg"></a>
<img src="http://localhost/roteutor/gifs/07.jpg"></a>
<img src="http://localhost/roteutor/gifs/08.jpg"></a>
И файлик 1count, куда записывается строка на которой остановилась ротация.
Этот файлик, скрипт сам генерирует, какое расширение не знаю.
Но и файл 2link, должен быть такого же расширения.
Как эту конструкцию, прикрутить через темплатес к движку
Добавлено: Вт ноя 22, 2011 11:01
bj
Можно ссылку на исходник крутилки
Добавлено: Вт ноя 22, 2011 13:29
vektor
Поскольку я уже и не помню откуда его скачал, хотя он и присутствует на вовебе (скорее всего
).
В общем бросил сюда:
http://preacher.name/znakomstvo_s_bogom.htm
Время работы загрузочной ссылки истекло, но в гости - добро пожаловать!
Добавлено: Ср ноя 23, 2011 13:29
vektor
Что - так все плохо?
Добавлено: Ср ноя 23, 2011 13:42
bj
Архив скачал, но совершенно нет времени, сильно загружен.
Быстрее всего вставить скрипт в шаблон можно средствами самого шаблоно, это может быть подгрузка кода PHP или же вывод результатов работы скрипта, через переменные обмена значениями между скриптом и шаблоном.
Добавлено: Ср ноя 23, 2011 15:20
vektor
bj писал(а):Архив скачал, но совершенно нет времени, сильно загружен.
Ув.
bj, с Божьей помощью, все потихоньку развязалось.
bj писал(а):Быстрее всего вставить скрипт в шаблон можно средствами самого шаблона, это может быть подгрузка кода PHP или же вывод результатов работы скрипта, через переменные обмена значениями между скриптом и шаблоном.
Из написанного понял половину, поскольку мне нужно объяснять на пальцах.
В общем там какое-то влияние, оказывает расположение скрипта и сопутствующих файлов, - предпосылок к которому я так и не понял. Переложил все в корень сайта, а в темплатес, все это зарядил через:
И хотя все заработало, это в очередной раз, изыскания методом научного тыка,
- но результат мне нравится.
Добавлено: Ср ноя 23, 2011 16:26
bj
Вот и хорошо, что запустился скрипт. Вот это
как раз то, о чем я писал, первый вариант, подгрузка кода.
Добавлено: Ср ноя 23, 2011 20:42
vektor
В том-то и дело, что я перепробовал штук восемь вариантов написания, этой самой подгрузки, и через php, и через javascript, и все никак не подгружалась, эта самая страница со скриптом ротатора. Тогда я начал лопатить tpl файлы, и выискивать вариант написания, подгрузки php страниц, ну и нашел.
Добавлено: Ср ноя 23, 2011 22:31
bj
Судя по синтаксису - это
smarty.