Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » [CSS/HTML] Проблемы со слайдером.

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Bucku

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый  день
 
Вообщем, дали задание создать сайт, тематика не так важна.
Заморачиваться и делать всё самому не охото было, да и знаний мало. Нашел в интернете HTML+CSS сайт, переделал под себя. Но в ходе выявил некоторые недочеты.
 
1. Начал редактировать слайдер. И тут выявил такую вот фигню: Скрин!  
Картинки не открываются в полном размере. Нужно чтобы вся картинка открылась сразу в слайдере. Картинки меньшего размера открываются полностью. Картинка "обрезается" именно в том месте, где раньше заканчивался сам слайдер, т.е когда высота была что-то около 300px. Сейчас 600. Вот тут изменял размер(высоту слайдера):

Код:
.slider-holder { width: 980px; height: 600px; position: relative; border-bottom: 1px solid #c8c8c8; margin: 20px 0 20px 0; text-align: center}
 

 
1.1 Исходя из первой проблемы со слайдером, образовалась вторая. Картинки с маленьким разрешением отображаются не в самом центе слайдера, а в верху. Как это исправить? Скрин!
 
2. Хочу поставить таймер к этому слайдеру, но проблема в том, что я не знаю как и что подключать.  
Гуглил, нужно подключать разные скрипты, но я не понимаю как это делается. Подскажите пожалуйста что и как, как первокласснику объясните. Буду Вам безгранично благодарен.
 
Говорить, что раз не понимаешь то и нечего суваться - не нужно. Учусь ведь только. Вот и прошу у Вас помощи.
 
Архив с сайтом прилагаю. Заранее, спасибо большое тому кто поможет!  

Всего записей: 21 | Зарегистр. 22-01-2011 | Отправлено: 09:27 19-03-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Bucku
 

Цитата:
Картинка "обрезается" именно в том месте


Цитата:
.jcarousel-clip {
    /*z-index: 2;*/
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 980px;
   height: 311px;
}

 

Цитата:
Исходя из первой проблемы со слайдером, образовалась вторая. Картинки с маленьким разрешением отображаются не в самом центе слайдера, а в верху. Как это исправить?

ну.. тут есть несколько способов - зависит от ситуации и применения.
проще всего - картинку вставлять фоном в css, тогда центровка легко достигается.
 
иначе - можно сделать через css как table-cell и уже там вертикально выравнивать
http://www.w3.org/Style/Examples/007/center.en.html
 

Цитата:
Хочу поставить таймер к этому слайдеру, но проблема в том, что я не знаю как и что подключать.  
Гуглил, нужно подключать разные скрипты, но я не понимаю как это делается

функция setInterval, по ней можно имитировать клик на кнопку прокрутки
 
к примеру
setInterval(function() {$('.next').trigger('click');}, 1000);
ну и можно проверять, что если мышь наведена, то не делать прокрутку и тд и тп

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:38 19-03-2014
Bucku

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery

Код:
 
.jcarousel-clip {  
    /*z-index: 2;*/  
    padding: 0;  
    margin: 0;  
    overflow: hidden;  
    position: relative;  
    width: 980px;  
   height: 311px;  
}
 

Я там уже менял значения, пробовал п-разному.
И 600px ставил и так писал: height: inherit;
Ещё значение overflow: hidden;, поменял на visible
Никак!  
 
А остальное что Вы написали, я даже не понял куда вставлять и как это всё исполнить
Если можно, то по подробнее объясните пожалуйста.

Всего записей: 21 | Зарегистр. 22-01-2011 | Отправлено: 08:11 20-03-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Bucku

Цитата:
Никак!  

неправда.. я попробовал и все нормально
 

Цитата:
А остальное что Вы написали, я даже не понял куда вставлять и как это всё исполнить  
Если можно, то по подробнее объясните пожалуйста

в страницу
<script>
setInterval(function() {$('.next').trigger('click');}, 1000);  
</script>

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:55 20-03-2014
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » [CSS/HTML] Проблемы со слайдером.


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru