forum.okis.ru
http://forum.okis.ru/

увеличение фотографий
http://forum.okis.ru/viewtopic.php?f=10&t=3997		 Страница 1 из 1
Автор:  анна15 [ 18 июн 2013, 13:12 ]
Заголовок сообщения:  увеличение фотографий
добрый день.
помогите пожалуйста, как сделать так, чтобы при наведении, фото увеличивалось? заранее спасибо!
Автор:  Tomas [ 18 июн 2013, 18:34 ]
Заголовок сообщения:  Re: увеличение фотографий
анна15 писал(а):
добрый день.
помогите пожалуйста, как сделать так, чтобы при наведении, фото увеличивалось? заранее спасибо!

Элементарный JavaScript
Автор:  анна15 [ 18 июн 2013, 18:58 ]
Заголовок сообщения:  Re: увеличение фотографий
думала, что форум создан для того, что бы помогать тем, у кого проблемы с созданием сайта, а не для того что бы самоутверждались обученные этому люди.не можете помочь, не пишите вообще.не хотите бесплатно-пишите сразу цену.
Автор:  Tomas [ 18 июн 2013, 19:07 ]
Заголовок сообщения:  Re: увеличение фотографий
анна15 писал(а):
думала, что форум создан для того, что бы помогать тем, у кого проблемы с созданием сайта, а не для того что бы самоутверждались обученные этому люди.не можете помочь, не пишите вообще.не хотите бесплатно-пишите сразу цену.

Здесь форум пользователей. Платная служба поддержки работает в Панели Управления. Мы такие же пользователи как и Вы. Ну почему бы Вам не набрать в строке поиска Яндекса или Google запрос "увеличение картинки при наведении на javascript" и не почитать как это делается? Это же просто ;-) А скопипастить код командой Ctrl+C и Ctrl+V думаю, каждый умеет :-)
P.S. Никогда не ждите готовых решений (по крайней мере бесплатно), учитесь искать их сами. Только так Вы научитесь чему-либо.
Автор:  Murmur [ 27 июн 2013, 00:08 ]
Заголовок сообщения:  Re: увеличение фотографий
Здравствуйте Анна15.
Вот такой скриптик (проверял - работает!)нужно вставить в раздел "Параметры сайта" - "Мета - тэги" и нажать кнопку "Изменить" (обязательно). Правда увеличение "резкое", не плавно)

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("img").mouseenter(function() {
var
self = this,
clone = self.__clone = self.__clone || $(self).clone(false);

$(self).before(clone);

clone.css({position: "absolute", "z-index": 1000}).stop().animate({
width: "300px",
marginLeft: "-100px"
},{
duration: 100
}).mouseleave(function() {
clone.stop().animate({
width: "100px",
marginLeft: "0px"
}, {
duration: 100,
complete: function() {
$(this).remove();
self.__clone = null;
}
});
});
});
});
</script>
<style>
img {
width: 100px;
height: auto;
margin: 0 5px;
}
li {
position: relative;
float: left;
display: block;
width: 110px;
}
</style>
<ul>
<li><img src="/ ВСТАВИТЬ АДРЕС ВАШЕГО ФОТО " />&nbsp;</li>
</ul>

Для остальных фото и картинок, сюда же добавлять строку
<li><img src="/ ВСТАВИТЬ АДРЕС ВАШЕГО ФОТО " />&nbsp;</li> с адресом очередного фото.
Автор:  Murmur [ 27 июн 2013, 00:48 ]
Заголовок сообщения:  Re: увеличение фотографий
Да! Перед скриптом, в окно "Мета-тэги" вставьте например такое - <meta http-equiv="KEYWORDS" content="ключевые фразы">
А то админка будет ругаться, что используете не по назначению)))
Автор:  анна15 [ 27 июн 2013, 08:38 ]
Заголовок сообщения:  Re: увеличение фотографий
спасибо большое! :give_rose:
Автор:  анна15 [ 27 июн 2013, 08:43 ]
Заголовок сообщения:  Re: увеличение фотографий
классно, даже не пришлось адрес каждой фотографии прописывать. сами увеличиваются! еще раз спасибо вам!
Автор:  Murmur [ 27 июн 2013, 15:41 ]
Заголовок сообщения:  Re: увеличение фотографий
Людям нужно или помогать или просто молча проходить мимо)))
Автор:  aleksey [ 06 мар 2014, 14:52 ]
Заголовок сообщения:  Re: увеличение фотографий
на форуме http://site-na-okis.ru/ имеется инструкции по увеличению картинок
http://site-na-okis.ru/about.pg12.html
http://site-na-okis.ru/kak-uvelichit-ka ... v-css.html

заинтересовал такой момент.
бывают ситуации когда в тексте необходимо установить несколько картинок подряд. Разумеется что горизонтальная установка т.е. в ряд куда симпотичнее смотрится.
начал экспериментировать. и вот к какому выводу пришел.
картинки в ряд лучше подключать через скрипт нежели через css т.к. при увеличении нет косяков.

возник вопрос. при просмотре этих картинок куда удобнее было бы использовать прокрутку в скрипте, чем закрывать изображение и открывать новое.
Можно ли как применить в действующем скрипте прокрутку изображений?
Страница 1 из 1 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/