Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Сокращение JavaScript'a
Всем драсти
Я нашла замечательный ява-скрипт, но он страшно длинный Т-Т Возможно ли его сократить? Я вроде видела во многих скриптах не сам ява-скрипт, а ссылку на него. Так скрипт становился коротким.
Отредактировано Laktonika (Вс, 3 Апр 2011 17:01:53)
Laktonika
Вы хоть бы выложили его. 
Я нашла замечательный ява-скрипт, но он страшно длинный Т-Т Возможно ли его сократить? Я вроде видела во многих скриптах не сам ява-скрипт, а ссылку на него. Так скрипт становился коротким.
Для этого нужно удалить теги <script type="text/javascript"> Тут тело скрипта </script> и оставшее тело скрипта сохранить как файл с расширением js
Трям - Трям.js
Данный файл необходимо загрузить на хостинг - (без упаковки в архив), к примеру, - яндекс.народ..., у гугла, по-моему есть тож на g-meil, - ну или поищите в поисковиках /или у приятелей собственный хостинг сайта, к примеру
Отредактировано Deff (Вс, 3 Апр 2011 17:22:25)
Deff
Спасибо, только с не пойму, что делать с этим скриптом. Там все так запутано... -_-
Отредактировано Laktonika (Вс, 3 Апр 2011 17:26:03)
Laktonika У Romych - в Фотогаллерее в постах помоему более приятные версии и уже с загружаемыми библиотеками
Есть еще нечто подобное в карусельном скрипте, в разделе новые возможности
Вообще - данный скрипт для своей отдельной страницы - там, в принципе, размеры не важны
Отредактировано Deff (Вс, 3 Апр 2011 17:38:01)
Laktonika
Для начала - это не скрипт а полноценный код.
Далее, конкретно Вам нужно оттуда только это:
<link href="http://www.03www.su/2010/090910-04/style-projects-jquery.css" rel="stylesheet" type="text/css" />
<script src="http://www.03www.su/2010/090910-04/js/jquery.lightbox-0.5.js" type="text/javascript"></script>
<link href="http://www.03www.su/2010/090910-04/css/jquery.lightbox-0.5.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>Это нужно поставить, например в ХТМЛ-верх. И всё, теперь берёте сами изображения и вписываете ссылки на них в исходный код:
<div id="gallery">
<a href="http://www.03www.su/2010/090910-04/photos/image1.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img alt="" height="72" src="http://www.03www.su/2010/090910-04/photos/thumb_image1.jpg" width="72" /> </a>
<a href="http://www.03www.su/2010/090910-04/photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img alt="" height="72" src="http://www.03www.su/2010/090910-04/photos/thumb_image2.jpg" width="72" /> </a>
<a href="http://www.03www.su/2010/090910-04/photos/image3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img alt="" height="72" src="http://www.03www.su/2010/090910-04/photos/thumb_image3.jpg" width="72" /> </a>
<a href="http://www.03www.su/2010/090910-04/photos/image4.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img alt="" height="72" src="http://www.03www.su/2010/090910-04/photos/thumb_image4.jpg" width="72" /> </a>
<a href="http://www.03www.su/2010/090910-04/photos/image5.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img alt="" height="72" src="http://www.03www.su/2010/090910-04/photos/thumb_image5.jpg" width="72" /> </a>
</div>Ссылки и описания могут быть совершенно любыми.
Павел, ты просто чудо! 
Знал бы, что я уже с этим кодом намудрила
+1 (жаль, что за один пост можно ставить только один плюс)
Вообще - данный скрипт для своей отдельной страницы - там, в принципе, размеры не важны
Закинула на страницу. Как сделать, чтобы не было редиректа (на большую картинку), а увеличивалось здесь же?..
Finka Смотрите тут > Lytebox на форуме (слайдшоу и фотогалерея)
Deff
Класс! Спасибо 
-----------------------------
Поскольку та тема в корзине, можно задать вопрос здесь?
По поводу вот этого поста https://forum.mybb.ru/viewtopic.php?id=2 … =3#p561495 .
Возможно ли сделать на персональной страничке, чтобы форумчане сами загружали фотки в галерею?
Отредактировано Finka (Сб, 16 Апр 2011 13:16:48)
Возможно ли сделать на персональной страничке, чтобы форумчане сами загружали фотки в галерею?
Нет, загружать можно только в сообщениях, через форму ответа, на остальных страницах это не возможно. Единственный вариант - загружка изображений на сторонний хостинг (например, галлерея "Радикал-фото"), но скрипт для такого будет огромным и очень сложным.
Смотрите тут >
В 7 сообщении стоит готовый код, копируй и вставляй, зачем изобретать велосипед?
В 7 сообщении стоит готовый код, копируй и вставляй, зачем изобретать велосипед?
у меня здесь фотки открываются на новой странице.
Finka
Просто скопировал и вставил: ссылка. Покажите Вашу страницу.
rps Паш -у неё lightbox стоит - а он модифицирует jQuery
rps
Отредактировано Finka (Пн, 9 Май 2011 08:37:35)
rps Паш -у неё lightbox стоит - а он модифицирует jQuery
У меня тоже "Лайтбокс", только другой чуть-чуть.
Finka
У Вас там сейчас два "Лайтбокс" стоят, судя по всему разных версий. В ХТМЛ-верх.
rps
так какой оставить?
Finka
Вот это:
<link href="http://www.03www.su/2010/090910-04/style-projects-jquery.css" rel="stylesheet" type="text/css" />
<script src="http://www.03www.su/2010/090910-04/js/jquery.lightbox-0.5.js" type="text/javascript"></script>
<link href="http://www.03www.su/2010/090910-04/css/jquery.lightbox-0.5.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>поставьте в самый конец ХТМЛ-низ, тогда будет работать, но вообще, два "Лайтбокс" ставить не нужно, это лишнее. Выберете один вариант, который Вам больше понравится, другой удалите.
Вы здесь » Единый форум поддержки » Корзина » Сокращение JavaScript'a