Текущее время: 17 июн 2025, 14:41

Часовой пояс: UTC + 3 часа [ Летнее время ]


Правила форума


Пожалуйста, прежде чем задавать вопрос, воспользуйтесь поиском, возможно ответ уже существует!



Начать новую тему Ответить на тему  [ Сообщений: 10 ] 
Автор Сообщение
 Заголовок сообщения: увеличение фотографий
СообщениеДобавлено: 18 июн 2013, 13:12 
Не в сети

Зарегистрирован: 20 мар 2013, 09:13
Сообщения: 111
добрый день.
помогите пожалуйста, как сделать так, чтобы при наведении, фото увеличивалось? заранее спасибо!

_________________
C уважением к Вам и Вашему бизнесу, Анна. www.uralopora.ru


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 18 июн 2013, 18:34 
Не в сети
Аватара пользователя

Зарегистрирован: 29 окт 2010, 06:37
Сообщения: 1191
Откуда: Самара
анна15 писал(а):
добрый день.
помогите пожалуйста, как сделать так, чтобы при наведении, фото увеличивалось? заранее спасибо!

Элементарный JavaScript


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 18 июн 2013, 18:58 
Не в сети

Зарегистрирован: 20 мар 2013, 09:13
Сообщения: 111
думала, что форум создан для того, что бы помогать тем, у кого проблемы с созданием сайта, а не для того что бы самоутверждались обученные этому люди.не можете помочь, не пишите вообще.не хотите бесплатно-пишите сразу цену.

_________________
C уважением к Вам и Вашему бизнесу, Анна. www.uralopora.ru


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 18 июн 2013, 19:07 
Не в сети
Аватара пользователя

Зарегистрирован: 29 окт 2010, 06:37
Сообщения: 1191
Откуда: Самара
анна15 писал(а):
думала, что форум создан для того, что бы помогать тем, у кого проблемы с созданием сайта, а не для того что бы самоутверждались обученные этому люди.не можете помочь, не пишите вообще.не хотите бесплатно-пишите сразу цену.

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


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 27 июн 2013, 00:08 
Не в сети
Аватара пользователя

Зарегистрирован: 22 июн 2013, 16:11
Сообщения: 32
Откуда: Киев
Здравствуйте Анна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> с адресом очередного фото.


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 27 июн 2013, 00:48 
Не в сети
Аватара пользователя

Зарегистрирован: 22 июн 2013, 16:11
Сообщения: 32
Откуда: Киев
Да! Перед скриптом, в окно "Мета-тэги" вставьте например такое - <meta http-equiv="KEYWORDS" content="ключевые фразы">
А то админка будет ругаться, что используете не по назначению)))


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 27 июн 2013, 08:38 
Не в сети

Зарегистрирован: 20 мар 2013, 09:13
Сообщения: 111
спасибо большое! :give_rose:


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 27 июн 2013, 08:43 
Не в сети

Зарегистрирован: 20 мар 2013, 09:13
Сообщения: 111
классно, даже не пришлось адрес каждой фотографии прописывать. сами увеличиваются! еще раз спасибо вам!


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 27 июн 2013, 15:41 
Не в сети
Аватара пользователя

Зарегистрирован: 22 июн 2013, 16:11
Сообщения: 32
Откуда: Киев
Людям нужно или помогать или просто молча проходить мимо)))


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: увеличение фотографий
СообщениеДобавлено: 06 мар 2014, 14:52 
Не в сети
Аватара пользователя

Зарегистрирован: 09 янв 2014, 15:05
Сообщения: 178
Откуда: Samara
на форуме 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 т.к. при увеличении нет косяков.

возник вопрос. при просмотре этих картинок куда удобнее было бы использовать прокрутку в скрипте, чем закрывать изображение и открывать новое.
Можно ли как применить в действующем скрипте прокрутку изображений?


Вернуться к началу
 Профиль  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 10 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на конференции

Сейчас этот форум просматривают: Bing [Bot]


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти: