Nanote.ru

javascript

github.com/defunkt/facebox - тут скачать

подключить jquery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

потом стиль и js самого facebox

потом прописать js код где-нить

jQuery(document).ready(function($) {

$('a.fullsizeimg').facebox({

loadingImage : '/путь до картинки загрузки',

closeImage : '/путь до картинки закрытия'

});



});

ну и не забыть в настройках отключить подложку для изображения

А я jsimagebox решил брать, просто и со вкусом.



Скачал отсюда http://jsimagebox.ru/jsibox_packed.zip и поместил содержимое архива в папку с template\ваш шаблон\javascript\



В файле index.php в папке с шаблоном в head области вписал

<script type="text/javascript" src="<?php echo $_s['url'].$_s['tpd']; ?>/javascript/jsibox_basic.js"></script>



Установка завершена. Ну, а как уже организовать галерею - на оффсайте гляньте. Там проще некуда

shabda 16-09-2012, 20:03

Хитрости - не то слово!
Было бы здорово, если бы вы подсказали по адаптации lightbox2 в движок, наши границы не имели бы благодарности ;)

Antuan 16-09-2012, 22:07

shabda, Именно про это в этой статье и написано :)
Пройдите по источникам, указанным в статье, проследите беседу и методы...
(а вообще, я и сам уже забыл, как делал - надо самому пройти по ссылкам...)

shabda 17-09-2012, 00:16

подключил... каким-то чудом :)
одно не получается - при добавлении фото и размещении его в теле поста, можно, выделив это фото и нажав кнопь Add Image, прописать Alt Text. Не могу понять - можно ли это описание прицепить к "title" в корневом index.php, 653 строка.
return '<a href="'.$link.'" rel="nofollow" class="fullsizeimg">'.$img.'</a>';
nofollow я заменил на lightbox, и если сюда приписать title="немогупонятьчто", то эта непонятка станет именем картинки.
Не подскажете, как этот "Alt Text" присобачить к title? Голову сломал - я просто никакой в программировании, а движок уж очень вкусный, чтобы просто так от него отказаться))

Antuan 17-09-2012, 10:53

Образец HTML с Блога

<a href="http://f.postimees.ee/f/2011/12/09/869928t41hc422.jpg" rel="lightbox" title="Саммит ЕС"><img src="http://f.postimees.ee/f/2011/12/09/869928t41hc422.jpg" width="240" hspace="10" align="left" alt="" border="0" /></a>

shabda 17-09-2012, 18:21

title="Саммит ЕС" - вот я об этом) как "саммит ЕС" попал в title, неужели вручную?
можете выложить кусочек кода php? того, который в корне, где-то в р-не 650-653 строк?
Буду весьма благодарен :)

shabda 17-09-2012, 19:15

вместо return '<a href="'.$link.'" rel="nofollow" class="fullsizeimg">'.$img.'</a>';
я сделал return '<a href="'.$link.'" rel="lightbox" title="'.$filename.'">'.$img.'</a>';

но получается вот такая шляпа...
https://dl.dropbox.com/u/52917122/screen.png , а хотелось бы как у вас в коде - title="Саммит ЕС"

Может я просто при загрузке картинки чего не то делаю?

Гость 17-09-2012, 20:51

shabda, Конечно «руками». Мы дольше беседуем, чем это сделать. Пишу редко - можно и вручную :)

Код строки 653 обычный

Титле всех картинок разный, но можно добавить в строчки 653 такое:

title=""

а вручную дописать название Картинки

Простой Движок - простые решения :)

Antuan 17-09-2012, 20:53

Выше писАл я, незалогиненный :) (ай-пи какой-то странный, кстати...)

shabda sadashiva.ru 17-09-2012, 22:22

Да, движок прекрасен - спасибо тебе, доводчик! Мне нужно что-то делать со своим перфекционизмом ))) буду писать руками, title="" не помог, конечно хотелось бы автоматизма, но наноте и так хорош уже имеющимся арсеналом!
добра

Oleg 14-10-2012, 14:49

Также подключается модальные окна и галерея от fancybox, в index.php папки шаблона подключаем библиотеку jquery:
<script type="text/javascript" src="<?php echo $_s['url']; ?>javascript/jquery-1.8.2.min.js"></script>
сам скрипт fancybox:
<script type="text/javascript" src="<?php echo $_s['url']; ?>javascript/jquery.fancybox.pack.js"></script>
там же вставляем:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
прописываем стиль fancybox:
<link rel="stylesheet" href="<?php echo $_s['url'].$_s['tpd']; ?>/jquery.fancybox.css" type="text/css" />
далее лезем в index.php корневой папки и в строке 653 заменяем class="fullsizeimg"
на data-fancybox-group="gallery" class="fancybox"

muhas 16-10-2012, 10:42

$(".fancybox").fancybox(); заменяем на $(".fullsizeimg").fancybox(); и всё работет

хотя в любом случае в файле index.php ничего править не надо, есть же в настройках автозамена

Oleg 23-10-2012, 17:45

Архитектура движка предполагает общий title для img, тогда подписи к фото лучше перевести на alt, тут больше подходит prettyPhoto - jquery скрипт лайтбокса,в index.php папки шаблона подключаем библиотеку jquery:
<script type="text/javascript" src="<?php echo $_s['url']; ?>javascript/jquery-1.8.2.min.js"></script>
сам скрипт prettyPhoto:
<script type="text/javascript" src="<?php echo $_s['url']; ?>javascript/jquery.prettyPhoto.js"></script>
там же для инициализации вставляем:
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
прописываем стиль fancybox:
<link rel="stylesheet" href="<?php echo $_s['url'].$_s['tpd']; ?>/prettyPhoto.css" type="text/css" />
опять лезем в index.php корневой папки и в строке 653 заменяем class="fullsizeimg"
на rel="prettyPhoto[gallery]", может muhas поправит, как не надо лезть index.php корневой папки и наверняка есть еще галереи работающие с alt.....

Oleg 30-10-2012, 14:46

нет, отучаемся лезть в в index.php корневой папки и в поле автозамены пишем:
class="fullsizeimg" => rel="prettyPhoto[gallery]"

»