Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

Блог

картинка в отдельном окне-как сделать?

00 голосов
6
Здраствуйте. Умные люди. подскажите. есть страница, на ней картинка, типа фотогалереи, ссылочки 1 2 3 -открывают картинки в новом окне. есть возможность сделать это новое окно в размере=размерам картинки? без того чтобы подключать модули типа фотогалереи - а то уже все страницы сверстаны :D
спросил 06 Май, 13 от VZlomali (200 баллов)

6 Ответы

00 голосов
Вам на сервере или на клиенте?
на клиенте:
Код
<body style="margin:0; padding:0; text-align:center; background: #FFF;">
<img src="/images/test.jpg" />
<script language="javascript" type="text/javascript">
window.onload = function () {
   var image = document.getElementsByTagName("img")[0];
   var w = image.offsetWidth;
   var h = image.offsetHeight;
   window.resizeTo(w+9,h+53);
}
</script>
</body>
ответил 06 Май, 13 от Flake (300 баллов)
00 голосов
спасибо за ответ! это в css надо указать? потому как когда я нажимаю кнопку в ПУ гиперссылка там нигде нет указания на pop-up.
ответил 07 Май, 13 от VZlomali (200 баллов)
00 голосов
это тело html-страницы (popup) в которой выводится картика
найдите шаблон popup'а и приведите его к этому виду.
ответил 09 Июль, 13 от Flake (300 баллов)
00 голосов
Цитата
Разработчик веб-студии Isbiz.ru пишет:
это тело html-страницы (popup) в которой выводится картика
найдите шаблон popup'а и приведите его к этому виду.


я давно знала что тупень :D спутать html с css, позор :D сейчас попробую, только не понятно где этот самый шаблон потом назначить картинке? т.е я создаю шаблон с именем pop-up с приведенным кодом и потом где его применять? у меня ссылка-переход именно на картинку, а не новую страницу, т.е выводится картинка без диза сайта и под эту картинку не создается отдельная страница. что то я запуталась.
ответил 13 Окт, 13 от VZlomali (200 баллов)
00 голосов
Значит, вам нужно создать php страницу, которая будет принимать в виде параметра GET - url картинки и подставлять его в параметр src тега img.
Также, на ссылку нужно повесить обработчик события, по которому будет вызываться функция window.open
Код
function wopen(path) {
   var w = window.open('/imgviewer.php?path='+path,'photo','width=5,height=5,status=no,toolbar=no,menubar=no,location=no,scrollbars=no,top=150,left=150');
   w.focus(); 
   return false;
}
ответил 15 Янв, 14 от Flake (300 баллов)
00 голосов
Спасибо добрый человек, понятно что ничего не понятно, ушла разбираться :D спасибо :{}
ответил 03 Май, 14 от VZlomali (200 баллов)

Похожие вопросы

0 голосов
2 ответов
Свойства элемента Файл, загрузка в отдельном окне
спросил 11 Янв, 14 от Acier (460 баллов)
0 голосов
8 ответов
фотогалерея, детальная картинка в новом окне
спросил 10 Июнь, 13 от Traxexx (900 баллов)
0 голосов
6 ответов
Как открывать ссылку в новом окне
спросил 11 Окт, 13 от KOZA (120 баллов)