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

Часовой пояс: 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 часа [ Летнее время ]


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

Сейчас этот форум просматривают: нет зарегистрированных пользователей


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

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