Вторник, 19.03.2024, 08:21
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Почему оффшор Сент-Винсент популярен у бизнесменов
  • Почему руль так важен для автомобилей
  • Есть ли плюсы у беспарольной аутентификации
  • Плюсы многофакторной аутентификации
  • Почему управлять освещением с пульта или смартфона очень удобно
  • Почему управлять освещением с пульта или смартфона очень удобно
  • Реклама на щитах: какими они бывают
  • Почему табак на развес становится все популярнее
  • Правильное ударение в русском языке
  • Заем нужна подарочная карта PS Store
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Нужны ли опросы на сайте?


    Всего ответов: 1380

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 8
    Гостей: 8
    Пользователей: 0


    Зарегистрировано 31214 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5173 комментариев, На форуме создано тем и ответов.

    установить такую статистику

    Блок CW результаты

    Победы
    Победы(10)

    Поражения
    Поражения(5)


    Установить CW блок на свой сайт
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Простое серое меню для uCoz
    NataliShaman написал:
    Приветствую!
    кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
    Новость: Простой слайдер новостей и фото изображений на uCoz
    Светлана Кулешова написал:
    Скажите, пожалуйста, а где прикрепленный архив со скриптами?
    Новость: Современные казино онлайн. Как можно выигрывать деньги?
    папап папап написал:
    зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino
    Новость: Максимальные выигрыши в казино
    Максим Леонков написал:
    Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

    Читать все комментарии
    Топ комментаторов

    установить такой информер
    VKONTAKTE

    FACEBOOK
    Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [10.11.2013, 21:49]

    Слайдер изображений через плагин Craftyslide на jQuery для uCoz

    Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

    Все порядком устали от тяжелых и навороченных слайдеров изображений. Мы долго искали что-то легкое и приятное на глаз, цвет и вкус, и наконец сошлись во мнении, что бесспорной позитивной новинкой среди слайдеров изображений может стать плагин CraftySlide от Ucoz. Так же можно прочитать и другую

    .

    Как и все продукты, созданные с использование библиотеки ввода JQuery отличаются простотой в использовании и четкостью проработки. Создатели явно постарались,  и слайдер изображений вышел что надо. При просмотре изображений на сайте есть небольшой эффект затемнения, на котором контрастно и эффектно смотрится подпись к изображению.

    Управление плагином так же легкое и требует всего одного нажатия мыши для смены картинки. На вашем сайте обязательно найдется место для этого стильного плагина, тем более, что он отлично подходит для оформления галерей изображений, легко встраивается в код страницы и не вызвал пока еще отрицательных отзывов при тестировании. Картинки сменяются очень плавно, что дает возможность хорошо рассмотреть изображение. Плагин CraftySlide, без сомнения, уже скоро привлечет внимание владельцев сайтов и дизайнеров благодаря своему хорошему исполнению и высокому качеству работы.

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

    ВАЖНО! Скрипт из прикреплённого архива залейте в папку js, а картинку в папку images

    Установка:

    В то место, где должен быть слайдер, вставляйте:
    <div id="slideshow">
    <ul>
    <li>
    <img title="Титульник" src="Ссылка на картинку" alt="Титульник" />
    </li>
    <li>
    <img title="Титульник" src="Ссылка на картинку" alt="Титульник" />
    </li>
    <li>
    <img title="Титульник" src="Ссылка на картинку" alt="Титульник" />
    </li>
    </ul>
    </div>

    <script src="/js/craftyslide.min.js"></script>
    <script type="text/javascript">
    $("#slideshow").craftyslide({
    'width': 640,
    'height': 300,
    'pagination': true,
    'fadetime': 500,
    'delay': 500
    });
    </script>

    В самый низ вашего css:
    /*
    Craftyslide CSS Styles
    */
    #slideshow {
    margin:0 auto;
    }
    #slideshow {
    margin:10px;
    padding:0;
    position:relative;
    border:15px solid #f8f8f8;
    -webkit-box-shadow:0 3px 5px #999;
    -moz-box-shadow:0 3px 5px #999;
    box-shadow:0 3px 5px #999;
    }
    #slideshow ul {
    position:relative;
    overflow:hidden;
    margin:0;
    padding:0;
    }
    #slideshow ul li {
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    list-style:none;
    }
    #pagination {
    clear:both;
    width:75px;
    margin:25px auto 0;
    padding:0;
    }
    #pagination li {
    list-style:none;
    float:left;
    margin:0 2px;
    }
    #pagination li a {
    display:block;
    width:10px;
    height:10px;
    text-indent:-10000px;
    background:url(/images/pagination.png);
    }
    #pagination li a.active {
    background-position:0 10px;
    }
    .caption {
    width:100%;
    margin:0;
    padding:10px;
    position:absolute;
    left:0;
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight:lighter;
    color:#fff;
    border-top:1px solid #000;
    background:rgba(0, 0, 0, 0.6);
    }



    При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Слайдер изображений через плагин Craftyslide на jQuery для uCoz



    Расскажи друзьям интересные новости:


    - Установить на свой сайт блок социальных закладок
    Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: фотоальбом, фото, изображений, через, плагин, jQuery, фотогалерея, Craftyslide, слайдер
    Просмотров: 6995 | Загрузок: 104 | Комментарии: 3 | Рейтинг: 0.0/0
    Всего комментариев: 3
    3 Khusman   (16.01.2021 17:20) [Материал]
    Не работает!

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    Хостинг от uCoz