1

Тема: Бекграунд слайдер

Бекграунд слайдер

<?php Backstretch::show('one photo', 'two photo', 'three photo', 'duration or photo', 'fade '); ?>

Пример использования в шаблоне:

<?php Backstretch::show('slide/1.jpg', 'slide/2.jpg', 'slide/3.jpg', '3000', '750'); ?>

Скачать: backstretch.zip

Рабочий пример
* пример работать будет еще пару дней..

Автор: nakome

Топик на en форуме: http://forum.monstra.org/topic/130/back … slideshow/

Follow me: Twitter | GitHub | Facebook | Вконтакте

Стань спонсором проекта!
+ lavey

Сайт Awilum

Поделиться

2 2012-09-12 19:00:47

Re: Бекграунд слайдер

Я так понимаю папка slide находиться в папке Upload?

Лучше сгореть, чем истлеть...

Сайт kromverk

Поделиться

3 2012-09-12 19:03:01

Re: Бекграунд слайдер

да

Follow me: Twitter | GitHub | Facebook | Вконтакте

Стань спонсором проекта!

Сайт Awilum

Поделиться

4 2012-10-18 07:49:20

Re: Бекграунд слайдер

kromverk пишет:

Я так понимаю папка slide находиться в папке Upload?

а где находится папка upload?

Спасибо говорим плюсиком в репутацию. Так виднее smile

Поделиться

5

Re: Бекграунд слайдер

/public/uploads/
Follow me: Twitter | GitHub | Facebook | Вконтакте

Стань спонсором проекта!

Сайт Awilum

Поделиться

6

Re: Бекграунд слайдер

спасибо

Спасибо говорим плюсиком в репутацию. Так виднее smile

Поделиться

7 2013-06-18 20:27:35 (2013-06-18 20:28:37 отредактировано Илья)

Re: Бекграунд слайдер

Можно подробнее о вставке?
Нужно было, чтобы работало на всю страницу. Вставил в самом начале, после тега <body>, прописал
<?php Backstretch::show('slide/1.jpg', 'slide/2.jpg', 'slide/3.jpg', '1000', '750'); ?>, но ничего не работает...
В чем проблема, может подскажете?
Jquery подключен.
Header:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title><?php echo Site::name() . ' - ' . Site::title(); ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="<?php echo Site::description(); ?>">
    <meta name="keywords" content="<?php echo Site::keywords(); ?>">
    <meta name="robots" content="<?php echo Page::robots(); ?>">
    <?php Action::run('theme_meta'); ?>
    <!-- Open Graph Protocol -->
    <meta property="og:site_name" content="<?php echo Site::name(); ?>">
    <meta property="og:url" content="<?php echo Url::current(); ?>">
    <meta property="og:title" content="<?php echo Site::title(); ?> | <?php echo Site::name(); ?>">
    <!-- Google+ Snippets -->
    <meta itemprop="url" content="<?php echo Url::current(); ?>">
    <meta itemprop="name" content="<?php echo Site::title(); ?> | <?php echo Site::name(); ?>">
    <!-- Styles -->
    <?php Stylesheet::add('public/themes/chambery/css/style.css', 'frontend', 1); ?>
    <?php Stylesheet::load(); ?>
    <?php Action::run('theme_header'); ?>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Fav icons -->
    <link rel="icon" href="<?php echo Site::url(); ?>favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="<?php echo Site::url(); ?>favicon.ico" type="image/x-icon">
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js" ></script> 
  </head>
  <body>
<?php Backstretch::show('slide/1.jpg', 'slide/2.jpg', 'slide/3.jpg', '1000', '750'); ?>
<div id="body">
<header  id="head">
<div  class="head">
<div id="logo">  </div>
<nav id="menu">
<ul>
<?php echo Menu::get(); ?>
</ul>
</nav>
</div>
</header>

==>>> Конфликт был исчерпан. Просто нужно в стилях убрать background. Прошу прощения за тупость.

Поделиться

8 2013-06-18 20:29:50

Re: Бекграунд слайдер

А нельзя к этому плагину так же прикрутить текст вместе с картинкой? smile

Поделиться

9 (2013-06-30 13:18:29 отредактировано partizzzzzan)

Re: Бекграунд слайдер

Ничего не получается. Все подключил и так и так, пробовал и напрямую в коде все прописывать. результата нет(((

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title><?php echo Site::name() . ' - ' . Site::title(); ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="<?php echo Site::description(); ?>">
    <meta name="keywords" content="<?php echo Site::keywords(); ?>">
    <meta name="robots" content="<?php echo Page::robots(); ?>">
    <?php Action::run('theme_meta'); ?>
    <!-- Open Graph Protocol -->
    <meta property="og:site_name" content="<?php echo Site::name(); ?>">
    <meta property="og:url" content="<?php echo Url::current(); ?>">
    <meta property="og:title" content="<?php echo Site::title(); ?> | <?php echo Site::name(); ?>">
    <!-- Google+ Snippets -->
    <meta itemprop="url" content="<?php echo Url::current(); ?>">
    <meta itemprop="name" content="<?php echo Site::title(); ?> | <?php echo Site::name(); ?>">
    <!-- Styles -->
    <?php Stylesheet::add('public/assets/css/bootstrap.css', 'frontend', 1); ?>
    <?php Stylesheet::add('public/assets/css/bootstrap-responsive.css', 'frontend', 2); ?>
    <?php Stylesheet::add('public/themes/fs_folio/css/custom.css', 'frontend', 3); ?>
    <?php Stylesheet::load(); ?>
    <?php Action::run('theme_header'); ?>
    <!-- Javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <?php Javascript::add('../../../post/849/public/assets/js/ru.forum_subdomain/jquery.js', 'frontend', 1); ?>
    <?php Javascript::add('../../../post/849/public/assets/js/ru.forum_subdomain/bootstrap.js', 'frontend', 2); ?>
    <?php Javascript::load(); ?>
    <!-- fotostock
    ================================================== -->
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo Site::url(); ?>plugins/stock/stock/style.css" />
    <script type="text/javascript" src="<?php echo Site::url(); ?>plugins/stock/stock/jquery.colorbox.js"></script>
    <script type="text/javascript" src="<?php echo Site::url(); ?>plugins/stock/stock/jquery.colorbox.config.js"></script>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Fav icons -->
    <link rel="icon" href="<?php echo Site::url(); ?>favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="<?php echo Site::url(); ?>favicon.ico" type="image/x-icon">
  </head>
  <body>
<?php Backstretch::show('slide/fullscreen.jpg', 'slide/bg_img1.jpg', 'slide/bg_img2.jpg', '3000', '750'); ?>

я так понимаю скрипт создает <div class="backstretch">, в который вкладываются изображения для слайдшоу, но этогоне происходит, не знаю почему

Поделиться

10

Re: Бекграунд слайдер

Разобрался)
Нужно было обновить jquery

Поделиться