Объединено Плагин Booklet и не только

Больше
7 года 1 нед. назад #11 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
Алексей, спасибо! Все получилось. Вроде как начал понимать что к чему. Буду пробовать с другим плагином. Надеюсь, разберусь:)))

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад #12 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
Алексей, с помощью turn.js удалось сделать эффект перелистывания как у вас. Все здорово. Я увеличил размер книги, вставил фотки, все работает. И визуально вроде тоже все нравится. Но возникли еще пара вопросов, на которые не могу никак ответить. Просмотрел сайт разраба, но к сожалению там ничего не понял.

Как сделать, чтобы сначала одна страница отображалась у книги - т.е. сама книга, а потом она уже открывалась. И в конце чтобы она закрывалась. В общем как настоящая книга. И как это сделать по центру?

Вот пока самые главные вопросы, которые меня мучают))) Заранее спасибо за помощь!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад #13 от Aleksej
Aleksej ответил в теме Плагин Booklet и не только

Sergey84 пишет: Как сделать, чтобы сначала одна страница отображалась у книги - т.е. сама книга, а потом она уже открывалась. И в конце чтобы она закрывалась. В общем как настоящая книга. И как это сделать по центру?


Ну так нарисуйте две обложки, вставьте их в div-ы соответственно первый и последний. Чтобы сделать "по центру" - существует немало способов, покопайтесь в css. Я не могу ответить более предметно, т.к. не знаю частностей. У вас простенькие стили уже прописаны:

<style>
#magazine{
background-color: #cdcdcd;
border: 5px solid #FFFFFF;
}
</style>

, добавьте к этому еще ряд свойств, какие захочется.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад #14 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
получилось, но не все - не могу сделать по центру самую первую страницу книги и когда она закрывается. Я видел в примере такое, а как это реализовать, не знаю, не получается. У меня эта страница получается так - перед открытием книги она справа, после закрытия слева.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад #15 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
<script type="text/javascript" src="templates/jsn_tendo_free/js/jquery.min.js"></script>
<script type="text/javascript" src="templates/jsn_tendo_free/js/turn.min.js"></script>
<style>
#magazine{

#magazine .turn-page {background-color:#ccc; background-size:100%;}

</style>
<div id='magazine'>
<div><img src="images/vasha_kartinka1.jpg" /></div>
<div><img src="images/vasha_kartinka2.jpg" /></div>
<div><img src="images/vasha_kartinka3.jpg" /></div>
<div><img src="images/vasha_kartinka4.jpg" /></div>
<div><img src="images/vasha_kartinka5.jpg" /></div>
<div><img src="images/vasha_kartinka6.jpg" /></div>
</div>
<script language="javascript" type="text/javascript">
$('#magazine').turn({width: 1010, height: 750, page: 1, shadows: true, acceleration: true});
</script>

вот мой код, который я вставляю. Что надо добавить, чтобы по центру были первая и последняя страница книги?

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад - 7 года 1 нед. назад #16 от Aleksej
Aleksej ответил в теме Плагин Booklet и не только

Sergey84 пишет: Что надо добавить, чтобы по центру были первая и последняя страница книги?


Я не знаю, честно. Никогда не заморачивался с этим. Взгляните документацию разработчика, там почти наверняка все прозрачно, было бы желание и время этим заниматься.
Последнее редактирование: 7 года 1 нед. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад #17 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
нифига там нет. Зашел по этой ссылке http://www.turnjs.com/docs/Option:_autoCenter Попробовал вот такой код:
#magazin{
  -webkit-transition:margin-left 0.2s ease-in-out;
  -moz-transition:margin-left 0.2s ease-in-out;
  -o-transition:margin-left 0.2s ease-in-out;
  -ms-transition:margin-left 0.2s ease-in-out;
  transition:margin-left 0.2s ease-in-out;
}

Не помогло.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад #18 от Aleksej
Aleksej ответил в теме Плагин Booklet и не только

Sergey84 пишет: нифига там нет


Все там есть. Договоримся с вами вот эдак: когда "ничего нигде нет" - остается лишь копить деньги на фрилансера. Но мы с вами не из этой ленивой категории, не так ли? :)

Скачайте, скажем, по этой ссылке архив , внутри скрипты и три рабочие демки (любую можно сразу же открыть в браузере), с готовыми стилями и прописанными опциями. Неужто ни одна из них не катит?

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад #19 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
Алексей, вы не поверите. Но попробовал все три дэмки, т.е. скопировал скрипты и вставил их в свою папку в джумле - у меня это: templates/мой шаблон/js/скопированные скрипты. Скопировал и вставил через sourcer (код HTML) примеры из дэмок. Прописал там пути к скриптам. И ничего. Все также. Пробовал стили изменить в скрипте, чтобы по центру было. Пробовал несколько шаблонов (думал, что может дело в них). Не выходит. Короче оставлю тогда как есть. Придумаю что-нибудь, чтобы визуально выглядело красиво, уже есть идея. А то я так психану нафиг, и заброшу все это дело :lol: :lol: :lol:

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
7 года 1 нед. назад - 7 года 1 нед. назад #20 от Aleksej
Aleksej ответил в теме Плагин Booklet и не только

Sergey84 пишет: Но попробовал все три дэмки, т.е. скопировал скрипты и вставил их в свою папку в джумле...


Блин, вы меня не понимаете.

Откройте все три демки (каждую по очереди) в вашем браузере. Для начала. Не нужно ничего никуда вставлять. Имеется в виду - файл index.html каждого демо-примера просто откройте в IE, Opera, FF, Chrome... в чем хотите. Вы увидите, как именно каждая из этих демок работает; возможно, что-то понравится. Все стили, все пути и скрипты - тут же, в этой вашей распакованной директории. Можно изменить стиль, открыв соответствующий файл css в вашем редакторе, которым пользуетесь; изменив - тут же перезагрузить страничку браузера и посмотреть, что же из этого вышло.

На то ведь и демки. С ними легко экспериментировать, и без всякого sourcerer-a или джумлы. Вы что же, думаете, что браузер способен работать только в интернете, а локально - нет?

Прописал там пути к скриптам. И ничего.


То обстоятельство, что все три демки рабочие - в этом можете не сомневаться, я даже попробовал. Пашут без всяких проблем. Примеры же различных дополнительных опций - на сайте разработчика.

P.S. Время идет, все меняется. Когда готовил в прошлом году эту статью и эту демку - еще не было на сайте разраба коммерческой 4 версии скрипта. Потому и путь у вас изначально не сработал.
Последнее редактирование: 7 года 1 нед. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.