За последние 24 часа нас посетили 21388 программистов и 1698 роботов. Сейчас ищут 1993 программиста ...

Вывод рисунка в отдельном окне

Тема в разделе "JavaScript и AJAX", создана пользователем surgeon, 16 мар 2008.

  1. surgeon

    surgeon Активный пользователь

    С нами с:
    13 мар 2008
    Сообщения:
    4
    Симпатии:
    0
    Здравствуйте)Подскажите как мне сделать так,чтобы при нажатии на рисунок выводилось новое окно,размеры которого были бы равны размерам рисунка?Все рисунки разного размера,поэтому вся сложность состоит в том,чтобы окно имело размер рисунка,который бы автоматически определялся.
     
  2. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Что-то типа такого:
    HTML:
    1.  
    2. <img src="image.jpg" onClick="open_wind(this)" alt="image">
    [js]
    function open_wind(obj) {
    window.open(obj.src, 'image', 'width='+obj.width+',height='+obj.height+','+'location=no,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
    }
    [/js]
     
  3. surgeon

    surgeon Активный пользователь

    С нами с:
    13 мар 2008
    Сообщения:
    4
    Симпатии:
    0
    А можно поподробнее?Что куда именно вставлять?Просто в Java Script я абсолютный ноль...
     
  4. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    surgeon
    Функцию вставляйте в любое место документа, обрамив тегами
    <script type="text/javascript">
    </script>

    В теге каждой картинки вставьте onClick="open_wind(this)"

    Работает, но с огрехами. У поп-ап окон есть свои ограничения - они не могут быть слишком маленькими или слишком большими. Точные ограничительные размеры не помню.
     
  5. surgeon

    surgeon Активный пользователь

    С нами с:
    13 мар 2008
    Сообщения:
    4
    Симпатии:
    0
    Но ведь тогда открывается окно обычного размера.А я хотел сделать так,чтобы открывалось окно размером с картинку и размеры окна нельзя было бы менять.
     
  6. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    resizable=no поставьте.
    Скрипт подгоняет размеры окна под размеры картинки + отступы.
    Вы бы проверили хотя бы, прежде чем говорить.

    Если такой вариант не подойдет - используйте слои, но для этого надо будет еще лучше знать javascript.
     
  7. surgeon

    surgeon Активный пользователь

    С нами с:
    13 мар 2008
    Сообщения:
    4
    Симпатии:
    0
    Скажите,а как мне сделать картинку как ссылку,нажимая на которую открывалось бы новое окно с этой картинкой?(то есть то же самое,но только через ссылку)И как мне сделать так,чтобы рисунок выводился сразу полного размера без отступов и без искажений?
     
  8. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Искажения появляются от сжатия картинки браузером, чтобы сама картинка поместилась во весь на экран (или поместилась с отступами).
    Чтобы без отступов, нодо подгружать отдельную страницу со своими стилями, которая будет из гет-параметра брать адрес картинки и её выводить. Такое возможно как на javascript, так и на php.
    Подействовать по-другому на отступы не получилось.
    Картинку как ссылку можно сделать, расставив перед ней теги <a href="" target="_blank"></a>