Для начала определись с вариантом...Юзать по стандарту или же ниже можно скачать готовые файлы к Джомле 1.5(Интеграция) -
ОтсюдаВариант с Интеграцией мне как то не понравился,имхо чтобы работало,надо чтобы этот Мэждик Тамб был включён как меню,а это не есть хорошо...
Посему предлагаю вариант стандарт,а именно.
ЗдесьКачай исходники Демо.Затем заливай в место,где у тебя хранится шаблон,к примеру:
И распаковывай в папку
magicthumb,чтобы получилось так:
templates/ja_purity/magicthumb
В этой папке у тебя должен быть 1 ксс файл,1 яваскрипт и 2 папки собсно.
Почему именно в отдельную папку,потому что удобнее потом будет искать.
Далее лезешь в Админку и заходишь в Менеджер Шаблонов,выбираешь свой шаблон и редактируешь
HTML<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/magicthumb/magicthumb.css" type="text/css" media="screen, projection"/>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/magicthumb/magicthumb-packed.js"></script>
Можешь их просто тупо скопировать и всё,они будут указывать на папку Шаблона по умолчанию.
Также можешь добавить эту строчку ещё,для красоты:
<script type="text/javascript"> MagicThumb.options = { zoomDuration: 3, restoreDuration: 0.3, captionSrc: 'img:title', backgroundFadingOpacity : 0.8}</script>
У самого выглядит так:
Joomla 1.7Шаблон:
arausio_macula_j1.5Путь до папки Мэждик Тамб:
templates/arausio_macula_j1.5/magicthumb
Вид
HTML кода:
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/magicthumb/magicthumb.css" type="text/css" media="screen, projection"/>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/magicthumb/magicthumb-packed.js"></script>
<script type="text/javascript"> MagicThumb.options = { zoomDuration: 3, restoreDuration: 0.3, captionSrc: 'img:title', backgroundFadingOpacity : 0.8}</script>
Собсно все эти строчки естесно добавлять в теги между
[head] и
[/head]Также если вставишь 3 строчку,которую сказал,то подпиши титл к изображению:
<a href="example_big.jpg" class="MagicThumb"><img src="example_small.jpg" title="Изображение"/></a>
Собсно вместо
Изображение что-то своё,как бы пометка к фото )