Показ увеличенной картинки с докачкой большого файла

@vlad-55 · Регистрация: 21.02.2009

Author24 — интернет-сервис помощи студентам

Задача: при клике на миниатюру показать увеличенное изображение.
Для этого в стилях прописано

CSS

        .in {
          padding: 5px 5px 5px 5px;
        }
        
        .in img {
          width:200px;
          border: 5px solid #ccc;
        }
        
        .in img:hover {
          width:200px;
          border: 5px solid red;
          cursor: pointer;
        }
 
        #img_container {
          position: fixed;
          display: none;
          left: 50%;
          margin-left: -400px;
          z-index: 480;
          top: 20px;
        }
 
        #img_container img {
          border: 2px solid red;
        }

А в коде

HTML5

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {    
       $('.in img').click(
         function()
         {
            var imgSrc = $(this).attr("src");
            $('#img_container img').attr({src: imgSrc});
            $('#img_container').fadeIn('slow');
       });
 
       $('#img_container').click(
         function()
         {
            $(this).fadeOut();
       });
 
      });
    </script>
 
<div id="img_container"><img src="" width="800px"></div>
<div class="in"><img src="1.jpg"></div>

При клике на миниатюру изображение помещается в контейнер и воспроизводится с шириной 800 пикселей.

Всё это хорошо работает, но проблема возникает при наличии нескольких графических файлов большого объёма, поскольку страница делается слишком тяжелой.

Нельзя ли сделать так, чтобы использовать два графических файла - один для создания миниатюры 1.jpg, а другой 1-big.jpg по клику подкачивать через jquery и помещать в контейнер для воспроизведения?

@borovik · 07.05.2012, 20:49

можно - стандартный размер подгружаешь ajax
а миниатюру получаешь из функции

PHP

1	exif_thumbnail('pic.jpeg', 100, 500, jpeg);

@vlad-55 · 09.05.2012, 12:15 **[ТС]**

Если закачивать стандарный размер, то вес страницы увеличится на размер файла картинки, а именно этого хотелось бы избежать.

Хотелось бы закачивать файл миниатюры, вес которого невелик. А уж стандартный размер закачивать по клику.

@vlad-55 154 / 18 / 4 Регистрация: 21.02.2009 Сообщений: 2,636
	09.05.2012, 12:15 [ТС]	3
	Если закачивать стандарный размер, то вес страницы увеличится на размер файла картинки, а именно этого хотелось бы избежать. Хотелось бы закачивать файл миниатюры, вес которого невелик. А уж стандартный размер закачивать по клику. 0