0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 6443 Просмотров
*

greyuac2

  • Осваиваюсь на форуме
  • 27
  • 1 / 0
Всем привет!
задача: есть картинка, по клику на нее она открывается в новом окне, но хочется сделать чтобы она открывалась красиво, так как делает плагин "Simple Image Gallery"


народ, помогите плиз

пока сделал так, с использованием яваскрипта:

Код
<script> 

function viewImage(src)
{
// загружаем изображение
 prevImg = new Image();
 prevImg.src = src;
 
// получаем высоту и ширину
 w = prevImg.width;
 h = prevImg.height;

 viewer = window.open(src, "PREV", "width=" + w + ",height=" + h +
 "toolbar=no,status=no,scrollbars=no,menubar=no,resizable=no");
   
 viewer.document.body.style.padding = 0;
 viewer.document.body.style.margin = 0;
 viewer.document.body.style.textAlign = "center";
 
 viewer.resizeTo(w+20,h+20);
 
 viewer.focus();
 
 return false;
}

</script>


<table border="0" cellspacing="0" cellpadding="0" width="100%">   <tbody><tr>     <td align="center" valign="top"><a onclick="return viewImage(this.href);"
target="PREV" href="/images/stories/vinyls/raznoe/vg5_144.jpg">
<img src="/images/stories/vinyls/raznoe/vg5_144.jpg" width="300" height="150"></a></td>   
</tr>   <tr>     <td align="center" valign="top"></td>   </tr> </tbody></table>



но такой вариант не устраивает, нужно чтото похожее на плагин "Simple Image Gallery", сам плагин не подходит, так как он открывает все рисунки находящиеся в папке, а нужен конкретный рисунок, а не все из той папки.

возможно ктото поможет с кодом, или предложит альтернативный вариант? или как переделать этот плагин до нужного варианта

помогите плиз  :'(
*

greyuac2

  • Осваиваюсь на форуме
  • 27
  • 1 / 0
Всем спасибо!, уже разобрался :)

значит так, нужно чтобы был установлен плаген Симпл Имаже Галлерея.

когда постим гдето картинку, то постим ее таким скриптом:

Код

<link href="http://mysite.com/mambots/content/plugin_jw_sig/sig.css" rel="stylesheet" type="text/css" />
<style type="text/css">.sig_cont {}</style>
<script type="text/javascript" src="http://mysite.com/mambots/content/plugin_jw_sig/mootools.js"></script>
<script type="text/javascript" src="http://mysite.com/mambots/content/plugin_jw_sig/slimbox.js"></script>

<div class="sig">
<div class="sig_cont" >
<div class="sig_thumb">

<!--  Если запостить маленькую и большую то сайт будет грузиться быстрее, но можно и 2 одинаковых, 2 больших.. чтобы не париться  -->

<!--  Большая картинка  -->
<a href="images/stories/kartinko_big.jpg"  rel="lightbox[sig0]" target="_blank">


<!--  Маленькая картинка  -->
<img src="images/stories/kartinko_small.jpg" >

</a></div>
</div></div>

*

FxPunter

  • Давно я тут
  • 691
  • 112 / 7
  • Э-эх!
так-с, а если изображение необходимо вставить внитри какого-нибудь компонента, то тогда как?
*

greyuac2

  • Осваиваюсь на форуме
  • 27
  • 1 / 0
нужно ковырять тогда сам компонент..

в компонент нужно вставить подгрузку ЦССов и Скриптов (я думаю эо можно вставить и в шаблон):

Код
<link href="http://mysite.com/mambots/content/plugin_jw_sig/sig.css" rel="stylesheet" type="text/css" />
<style type="text/css">.sig_cont {}</style>
<script type="text/javascript" src="http://mysite.com/mambots/content/plugin_jw_sig/mootools.js"></script>
<script type="text/javascript" src="http://mysite.com/mambots/content/plugin_jw_sig/slimbox.js"></script>


ну и также в компоненте нужно поправить (добывить) классы дивам:

Цитировать

<div class="sig">
<div class="sig_cont" >
<div class="sig_thumb">

и также добавить в вывод картинки:

Цитировать
<a href="images/stories/kartinko_big.jpg"  rel="lightbox[sig0]" target="_blank">

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Simple Image Gallery Pro - фото с именем на кирилице, после сохранения исчезают

Автор Леон

Ответов: 0
Просмотров: 4476
Последний ответ 09.06.2021, 16:02:09
от Леон
Русская локализация Simple Image Gallery и SIG Pro (обновляется)

Автор Kostelano

Ответов: 1
Просмотров: 4191
Последний ответ 29.01.2020, 01:41:26
от Kostelano
Умный поиск и Simple Image Gallery Pro

Автор michaellux

Ответов: 1
Просмотров: 3451
Последний ответ 24.04.2019, 10:45:00
от Technic
Simple Image Gallery и пагинация

Автор tortxp

Ответов: 0
Просмотров: 3541
Последний ответ 10.01.2019, 23:21:18
от tortxp
Как вывести Simple Image Gallery не в тексте, а в отдельном Div?

Автор artemka

Ответов: 8
Просмотров: 5677
Последний ответ 18.09.2018, 11:34:31
от Sergeyy