Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Просмотр картинок в новом окне

Автор: Papont 28.9.2004, 01:59

Народ значит проблема такая.
У меня есть сайт. На нем фотки картинки...одним словом изображения. Моя задача сделать так чтоб при нажатии на этом изображении оно открывалось в новом окне. Это окно должно быть определенного размера и без возможности изменения. При этом при нажатии на изображение оно должно сохраняться на комьпьютер пользователя.Пример типа как на сайте www.bmw.ru
а именно
http://www.bmw.ru/russian/choose/automobiles/3series/sedan/default.asp?cont=multimedia_gallery.asp - нажмите на любое изображение и вы увидите окошко которое мне нужно.

Помогите пожалуста.
Если эта проблема поднималась то подскажите где можно об этом подробно почитать...принимаются также ссылки на статьи и тд.
Короче говоря буду искренне благодарен за любую помощь.

Автор: Aliance 28.9.2004, 14:37

Делаешь страницу с этой картинкой, скажем img.html, и в галереи пишешь:
<IMG onclick="showImage(event);">

Затем сам скрипт:

Код


function showImage(evt) {
   evt = (evt) ? evt : ((window.event) ? event : null);
    if (evt) {
        window.open('img.html', 'newWindow', 'location=no,width=200,height=200,
status=no,resizable=no,menubar=no,toolbar=no,noscrolling')
    }
}

Откроется окно со страницей img.html размерами 200х200, без прокрутки, статус-меню, нав-меню и без возможности изменять размеры окна

Как вариант, url можно передать ссылку на картинку, типа pict.jpg

____________
Можно еще поместить все картинки в массив, и не создавать для каждой картинки страницу - а генерировать ее...

Автор: Sardar 28.9.2004, 22:26

А еще лучше:

Код

<IMG src="..." onclick="showImage(this, 2);">
...
function showImage(img, mag) {
 window.open("./viewimage.php?img="+escape(img.src), 'new', 'location=no,
status=no,resizable=no,menubar=no,toolbar=no,noscrolling,width='+img.offsetWidth*mag+',height='+omg.offsetHeight*mag);
  }
}

Второй параметр функции это во сколько раз отркываемая картинка больше/меньше. Если скриптов на сервере не используешь, то генери имя типа:

Код

var pt=img.src.lastIndexOf(".");
var path=escape(img.src.substring(0,pt)+"_big"+img.src.substr(pt));
window.open(path, 'new'....