Как сделать картинку, вставленную с другого сайта увеличиваемой
Название: Как сделать картинку, вставленную с другого сайта увеличиваемой Автор: Sanya Жанр: Ucoz, сайты Описание: Я думаю у многих, пользователей имеющих свои сайты на хостинге: ucoz, возникала такая проблема. Когда по какой то причине, нужно вставить картинку файла, не со своего сайта, а с какого-нибудь другого. Например это могут быть: какой-нибудь фотохостинг, страница: Вконтакте, или любой другой сайт, форум, где лежит эта картинка. А самими причинами по которым так хочется вставить картинку, могут быть у всех могут быть разные. Например: так удобней или же просто осталось мало места на своём сайте. Но не суть важно. И так вот, после уменьшения такой картинки и её вставки. Её в отличии от картинки которая была напрямую загружена на сайт.
Нельзя было увеличить до оригинального размера,:
как картинку напрямую загруженную на сайт:
В общем, я, порывшись в исходном коде страницы с таким изображением, которое было загружено на прямую на сайт. Нашёл код, который делает картинку, загруженную на сайт: ucoz, увеличиваемой до оригинального размера. Открывая её, до полного оригинального размера, в всплывающем окне, на этой же странице с файлом. И с удовольствием делюсь им с вами:
<div align="center"><a class="ulightbox" title="Нажмите, для просмотра в полном размере..." target="_blank" href="адрес картинки"><img src="адрес картинки" style="margin:0;padding:0;border:0;" alt="" align="middle" height="" width="50%"></a></div>
Итак, ну а теперь от том как его вставить и куда. ^ А также как его использовать, что бы картинка вставленная с другого источника увеличивалась. - Как и картинка нарпямую загруженная на сайт, до оригинального размера. - 1.0.Скопируйте выше даденный html-код ---------------------------------------------------------------------------. 2.0.И внимание!: вставьте его в поле: Панели HTML кодов. 2.1.Или же выберите кнопку: HTML<> на панели визуального редактора и вставьте этот код в появившееся окно. 2.2.Далее, нажмите на: применить, а затем на: ok. 3.0.Код появится в том поле визуального редактора, куда вы его вставляли. 4.0.На всякий случай сверьте код из моей статьи и ваш вставленный, всё должно быть в нём, пока что также. 5.0.Далее. 5.1.В этом коде. 5.2.В: href= и в: img scr=, вместо: адрес картинки, вставьте, внимание!: один и тот же ваш адрес картинки. 5.3.И внимание!: не забывайте адрес картинки должен быть от начала до конца, заключён в кавычки: "". 5.4.Поэтому в: href= и в: img scr=, их не трогаем. 5.5.А убираем перед вставкой своего адреса картинки, только текст: адрес картинки, а сами кавычки оставляем. 5.6.Вот например мой код с моим адресом картинки: ---------------------------------------------------------------------------------------------------------------------------------------------- <div align="center"><a class="ulightbox" title="Нажмите, для просмотра в полном размере..." target="_blank" href="https://pp.userapi.com/c623218/v623218994/1782a/FIW2xI4KJNA.jpg"><img src="https://pp.userapi.com/c623218/v623218994/1782a/FIW2xI4KJNA.jpg" style="margin:0;padding:0;border:0;" alt="" align="middle" height="" width="50%"></a></div> ---------------------------------------------------------------------------------------------------------------------------------------------- 6.0.И в зависимости, от того, куда вы её вставляли и через что, она либо отобразится сразу. ^ 6.1.Или же, после добавления файла/новости/сообщения и т.п. | 6.2.По умолчанию она будет уменьшена на 50 процентов, у меня это будет выглядеть вот так:---------
6.3.Вы же можете изменить этот уменьшаемый размер на любой, другой процент. 6.4.Для этого вам понадобится в: img scr изменить значение атрибута: width=: в кавычках: "50%", на своё. 6.5.Например с: 50% на 30%. 6.6.И размер картинки станет ещё меньше:
6.7.Ну и последнее. 6.8.Если вам надо, чтобы картинка была уменьшена до определёно-загонного размера. 6.9.То в: img scr, в атрибуте: width="50%". 7.0.Проставьте свои значения: width="50%" ширины. 7.1.А именно в: width="50%", уберите: 50% и между кавычек: "" укажите свою ширину картинки. 7.2.У меня например, картинка в данной статье с самого начала уменьшена до: 604. 7.3.То есть, у меня это: width="604". 7.4.И выглядит это так:
7.5.Вы же также можете указать свой размер ширины картинки до которого она будет уменьшена. 8.0.Ну и напоследок хотелось бы ещё кое-что важно сказать или предупредить кое о чём. 8.1.А именно:
8.2.Не используйте в своих файлах сервис: u.to, иначе картинка увеличиваться не будет. 8.3.И вам будет выдаваться вот это сообщение:
8.4.Всё просто, просто при добавлении новости\статьи или же файла. 8.5.Не ставьте галочку напротив этого: "Использовать сервис u.to", ну а если она сама проставляется, то снимите её. 8.6.И тогда проблем не будет с этим.
Прошу прощения, все недостающие изображения были вернуты назад, просто вконтакте сменился сервер хранения фотографий и разумеется его название тоже поменялось, поэтому изображения и не грузились.
Уважаемые гости и пользователи. Статья немного не дописана, но в целом я всё изложил, просто некоторые места могли остаться без подробностей. Поэтому если что-то вам не понятно, то не стесняйтесь спрашивайте, постараюсь, разъяснить ещё подробней.
Конверт из Getting Up
------------------------ |Большой пак всего| ------------------------ (Дата выхода: Неизвестна) ----------------------------------
Автор: Жанр: Тип файла: Архив: rar Заменяет: Описание: