- 0
-
Similar Content
-
By Aidakaev
Добрый вечер, у меня вопрос по скрипту Lightbox (http://lokeshdhakar.com/projects/lightbox2/)
При открытии изображения он увеличивает его по высоте моего монитора, а можно ли сделать, что бы изображение открылось на 100% масшатаб и была прокрутка вниз?
Спасибо.
-
By 13bis
Здравствуйте уважаемые.
Столкнулся с такой проблемой, установил на сайтгалерею от lightbox, всё бы ничего, но не проходит валидность атрубут data-lightbox="example".
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Проблема с валидностью lightbox</title><!-- Light-Box --> <script src="http://netalkonarko.ru/js/modernizr.custom.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/lightbox-2.6.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://netalkonarko.ru/css/screen.css" media="screen"/> <link rel="stylesheet" href="http://netalkonarko.ru/css/lightbox.css" media="screen"/><!-- Light Box--></head><body><div class="image-row" style="text-align:center;"><div class="image-set" style="text-align:center;"> <a class="example-image-link" href="http://netalkonarko.ru/images/sertifikat/2.jpg" data-lightbox="example-1"><img class="example-image" src="http://netalkonarko.ru/images/sertifikat/2.jpg" alt="" width="150" height="150"/></a></div></div></body></html>И вот что выдает валидатор -
http://validator.w3.org/check?uri=http%3A%2F%2Fnetalkonarko.ru%2Flightbox.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices
Исходный файл - http://netalkonarko.ru/lightbox.html
Понимаю, что бред конечно подгонять страницу под формат валидности и тем более переживать из-за одной ошибки, но всё же интересно как это исправить и почему разработчики не обращают на это внимание.
Кто-нибудь сталкивался с такой проблемой и как её решить?
Заранее благодарен всем откликнувшимся!
Счастья Вам!
-
By Березовский
<script type="text/javascript">
jQuery(document).ready(function($){
var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]');
select.attr('class', 'rlightbox');
$( ".rlightbox" ).rlightbox();
});
</script>
Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/
Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела синим пламенем).
Все работает нормально) изображения открываются во всплывающем окне, но почему-то нет перехода от одного изображения к следующему (даже если я вставил галерею..)
Конечно в плагине FancyBox есть переход от одного изображения к другому... но он падла нарушает мою карусель)
Может как-то можно исправить этот код который добавляет класс? или я туплю и дело вовсе не в нем? :-)
Благодарю за помощь...
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
Megavolt
Здравствуйте! У меня сложилась такая ситуация:
1. Скачал и установил лайтбокс с официального сайта, далее по этой инструкции его установил: http://webors.in.ua/31-instruktsii/49-podklyuchenie-lightbox-2-6-k-stranichke-sajta.html
2. Вот мой хэд:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name : OfficialWork
Description: A two-column, fixed-width design with dark color scheme.
Version : 1.0
Released : 20121012
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="/js/jquery-1.10.2.min.js"></script> <script src="/js/lightbox-2.6.min.js"></script>
<link href="lightbox.css" rel="stylesheet" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Натяжные потолки. Жалюзи. Рулонные шторы. Декор+</title>
<link href="http://fonts.googleapis.com/css?family=Arial" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
@import "gallery.css";
</style>
</head>
Потом попробовал применить к картинке на главной странице атрибут, что бы потестить, но ничего не заработало. В чем моя ошибка?
<TD ALIGN="center"><img src="/images/pp_1.jpg" data-lightbox="images/pp_1.jpg"></img></TD>
Link to comment
Share on other sites
9 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.