Вход

Эффект книги для Joomla

Плагин ArticleBook Effect. joomla 17joomla 25joomla 3

Вот такая книга, наведите курсор к стрелочке и откройте.

paris
paris1
paris5
paris2
paris3
paris4
paris6
paris7
paris8

paris12Бесплатный плагин Joomla с эффектом переворачивания страниц книги. Этот плагин Joomla отображает содержимое статьи в Joomla, как настоящая книга или журнал, используя все преимущества HTML5. Не флеш. Можно сделать фотогалерею, журнал, меню ресторана и т.д..

Установка и настройка плагина Joomla ArticleBook Effect

ШАГ 1. Установка стандартная: входим в админку Joomla и выбираем в меню пункт «Менеджер расширений» - «Установка» - «Загрузить и Установить».

Заходим в «Расширения»-«Менеджер плагинов».Настройка очень простая:

расширения joomla

Изображения-да,выбираем стрелочку,нумерация страниц,также можно включить кнопку "вперед-назад".


ШАГ 2. Подготовить изображения одинакового размера в папке ваш сайт\images

ШАГ 3. Создаем новый материал. И вставляем код:

{ book height:300}{ page background-color:#121214}изображение{/page}
{ page background-color:#121214}изображение{/page} { page background-color:#121214} изображение{/page} { page background-color:#121214} изображение{/page} {/book }

где 300 - это высота ваших изображений, #121214 - цвет страниц, изображение -здесь надо вставить ваше изображение. Код страницы надо копировать столько раз, сколько количество ваших изображений. Перед book и page уберите пробелы.

Вот так выглядит материал после вставки одного изображения:

paris11

Вот и все, книга готова.

Пример кода книги:

paris

 

Скачать этот файл (plg_content_articlebookeffect_v1.5.0_j2.5.zip)СКАЧАТЬ ArticleBook Effect

{page background-color:#656565}

Комментарии  

 
-1 # Загитов Евгений Нико 13.11.2013 11:34
Здравствуйте. не могу настроить. Покажите пример кода для нескольких страниц.
Ответить | Ответить с цитатой | Цитировать
 
 
-3 # Админ 13.11.2013 14:17
Добавила код в материал. Есть еще один похожий модуль - http://extensions.joomla.org/extensions/photos-a-images/slideshow/image-jquery-slideshow/22513. Там после установки надо поменять изображения в папке на свои, названия изображения должны совпадать, по умолчанию - 01,02,03 и т.д..
Ответить | Ответить с цитатой | Цитировать
 
 
-3 # Загитов Евгений Нико 14.11.2013 06:26
попробовал установил. не могу понять прилипает изображение к краю страницы справа и все, никаких реакций. не листает. пробовал менял позиции, размеры....ниче го не меняется! В чем может быть проблема?
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Загитов Евгений Нико 14.11.2013 09:14
все разобрался.) Еще один вопрос! У этого модуля стоит ограничение на количество отображаемых страниц? У меня только 18 отображает.(
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # Админ 14.11.2013 17:18
Евгений, я сейчас попробовала, у меня получилось, смотрите, что нужно сделать - в ту же папку добавить следующие изображения - 19,20,21,22 и т.д. Потом открыть файл - modules/mod_sim plepageflip/mod _simplepageflip .php и добавить в список изображений в < div id="magazine" > аналогичные строчки:
< div style="backgrou nd-image:url(/p ages/19.jpg);"> и т.д ..
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # Игорь 23.01.2014 16:13
как установить модуль?
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # Админ 23.01.2014 19:49
Последние комментарии на счет этого модуля -
http://extensions.joomla.org/extensions/photos-a-images/slideshow/image-jquery-slideshow/22513
Здесь на сайте его нет, можно скачать только на сайте разработчика, там же можно посмотреть демо. Очень похож на плагин, который представлен на этой странице.
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # Sat 27.01.2015 09:54
Вроде получается,но немогу с шириной разобратсья никак не меняется,и цвет почему то не у всей рамки меняется


Алиса подскажи,как правильно ширину задать? в page или book Вроде и так и так пробовал,может пишу не правильно
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # Админ 27.01.2015 12:46
В page.
Я вам скопировала и отправила на почту код книги, которая представлена здесь.
У меня высота книги - 430px, высота изображений - 400px. Может быть, у вас они одинаковые, поэтому не появляется рамка.
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # Sat 27.01.2015 17:22
Спасибо большое,я вам там ответил
Ответить | Ответить с цитатой | Цитировать
 
 
0 # Денис 17.12.2016 18:07
Ни хрена не выходит, что то ADMIN не договаривает... .Я на 3.0 установил с помощью аргентинского видеоролика можете посмотреть на сайте клиндрова в разделе фотогалерея, а на 2.5 весь мозг вы...л..., и вообще joomla-это геморой, весь тот же функционал с превосходшейшей оптимизацией осуществляет и WordPress и OpenCart(((((
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий


Защитный код
Обновить