установка слайдера

#1 30 мая 2013 в 10:02
нашел такой слайдер coin-slider
делал все по инструкции
ничего не получается — стили не подгружаются, или еще что, я так и не понял, т.е. слайды показываюся друг под другом. Мб конфликтует с jquery?
Помогите пожалуйста.
#2 30 мая 2013 в 11:57
в итоге сделал свой модуль слайдер.
создаем папку mod_slider в папке modules
далее создаем в ней файл module.php
  1.  
  2. <?php
  3. function mod_slider($module_id)
  4. {
  5. $inCore = cmsCore::getInstance();
  6. $inDB = cmsDatabase::getInstance();
  7. $smarty = $inCore->initSmarty('modules', 'mod_slider.tpl');
  8. $smarty->display('mod_slider.tpl');
  9. return true;
  10. }
  11.  
  12. ?>
и файл install.php
  1. <?php
  2.  
  3. function info_module_mod_slider()
  4. {
  5. $_module['title'] = 'slider';
  6. $_module['name'] = 'слайдер';
  7. $_module['description'] = 'слайдер';
  8. $_module['link'] = 'mod_slider';
  9. $_module['position'] = 'top';
  10. $_module['author'] = 'username';
  11. $_module['version'] = '1';
  12. $_module['config'] = array(
  13. 'tag' => "слайдер",
  14. 'limit' => 10
  15. );
  16. return $_module;
  17. }
  18.  
  19. function install_module_mod_slider(){
  20. return true;
  21. }
  22.  
  23. function upgrade_module_mod_slider(){
  24. return true;
  25.  
  26. }
  27. ?>
закидываем скачанные файлы в папки
/modules/mod_slider/css/
/modules/mod_slider/js/
и далее создаем файл шаблона mod_slider.tpl и закидываем его в templates/вашшаблон/modules
  1. <script type="text/javascript" src="/modules/mod_slider/js/coin-slider.js"></script>
  2. <script type="text/javascript" src="/modules/mod_slider/js/coin-slider.min.js"></script>
  3. <link rel="stylesheet" href="/modules/mod_slider/css/coin-slider-styles.css" type="text/css" />
  4. {literal}<script type="text/javascript">
  5. $(document).ready(function() {
  6. $('#coin-slider').coinslider({ width: 786, height:270, navigation: true, delay: 5000, effect: 'rain', links : false });
  7. });
  8. </script>{/literal}
  9. <div id='coin-slider'>
  10. <a href="/" target="_blank">
  11. <img src='img1.jpg' >
  12. </a>
  13.  
  14. <a href="/" target="_blank">
  15. <img src='img2.jpg' >
  16. </a>
  17. <a href="/">
  18. <img src='img3.jpg' >
  19. </a>
  20.  
  21. </div>
заходим в админку, устанавливаем новый модуль, выставляем позицию, и готово :)
#3 30 мая 2013 в 11:59
настройки слайдера:
width: 565, // width of slider panel
height: 290, // height of slider panel
spw: 7, // squares per width
sph: 5, // squares per height
delay: 3000, // delay between images in ms
sDelay: 30, // delay beetwen squares in ms
opacity: 0.7, // opacity of title and navigation
titleSpeed: 500, // speed of title appereance in ms
effect: '', // random, swirl, rain, straight
navigation: true, // prev next and buttons
links: true, // show images as links
hoverPause: true // pause on hover
таким образом можно установить любой слайдер
если кому лень, могу закинуть все это в архив файлами, если вы мне в карму насрете :)
holdexp.ru/ — демо
#4 30 мая 2013 в 12:49
trOid в Опере он не работает
#5 30 мая 2013 в 12:58
была бы возможность с админки картинки подгружать, цены бы небыло,
А так можно было просто прикрутить этот слайдер через вставку php/ у меня на 2х проектах так сделано, кажется так проще былобы, но всё равно большой +
#6 30 мая 2013 в 13:03
Билà Риус, я работаю только в опере — работает! не надо наговаривать, сначало говорите на какой версии вы смотрели
#7 30 мая 2013 в 13:15
Иллюстрация
простите но у меня на вашем сайте не работает
#8 30 мая 2013 в 13:20
у меня и в лисе и в опере работает, вернее слайдер отображается, квадратики внизу перемещаются, а картинка не меняется и как то эффектов замены я не вижу😥но в карму ТС наложил))))
#9 30 мая 2013 в 13:35
ну вы даете😊на демо сайте я веду работы. Рисуя картинки. Поэтому только одна на всех слайдах. Норм демо смотрите в первом сообщений
#10 30 мая 2013 в 13:38
trOid ну вы даете а не мы))))
Демо это показ работы — по крайней мере визуально…
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.