X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не запускается автоматически Карусель
power1798
power1798
Topic Starter сообщение 20.2.2015, 23:02; Ответить: power1798
Сообщение #1


Здравствуйте. Помогите! Не запускается автоматически карусель, а только лишь после переключения слайда, нажатием "next" или "prev". Прикрепляю код.
Код
/* =============================================================
* bootstrap-collapse.js v2.2.2
* http://twitter.github.com/bootstrap/javascript.html#collapse
* =============================================================
* Copyright 2012 Twitter, Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ============================================================ */


!function ($) {

  "use strict"; // jshint;_;


/* COLLAPSE PUBLIC CLASS DEFINITION
  * ================================ */

  var Collapse = function (element, options) {
    this.$element = $(element)
    this.options = $.extend({}, $.fn.collapse.defaults, options)

    if (this.options.parent) {
      this.$parent = $(this.options.parent)
    }

    this.options.toggle && this.toggle()
  }

  Collapse.prototype = {

    constructor: Collapse

  , dimension: function () {
      var hasWidth = this.$element.hasClass('width')
      return hasWidth ? 'width' : 'height'
    }

  , show: function () {
      var dimension
        , scroll
        , actives
        , hasData

      if (this.transitioning) return

      dimension = this.dimension()
      scroll = $.camelCase(['scroll', dimension].join('-'))
      actives = this.$parent && this.$parent.find('> .accordion-group > .in')

      if (actives && actives.length) {
        hasData = actives.data('collapse')
        if (hasData && hasData.transitioning) return
        actives.collapse('hide')
        hasData || actives.data('collapse', null)
      }

      this.$element[dimension](0)
      this.transition('addClass', $.Event('show'), 'shown')
      $.support.transition && this.$element[dimension](this.$element[0][scroll])
    }

  , hide: function () {
      var dimension
      if (this.transitioning) return
      dimension = this.dimension()
      this.reset(this.$element[dimension]())
      this.transition('removeClass', $.Event('hide'), 'hidden')
      this.$element[dimension](0)
    }

  , reset: function (size) {
      var dimension = this.dimension()

      this.$element
        .removeClass('collapse')
        [dimension](size || 'auto')
        [0].offsetWidth

      this.$element[size !== null ? 'addClass' : 'removeClass']('collapse')

      return this
    }

  , transition: function (method, startEvent, completeEvent) {
      var that = this
        , complete = function () {
            if (startEvent.type == 'show') that.reset()
            that.transitioning = 0
            that.$element.trigger(completeEvent)
          }

      this.$element.trigger(startEvent)

      if (startEvent.isDefaultPrevented()) return

      this.transitioning = 1

      this.$element[method]('in')

      $.support.transition && this.$element.hasClass('collapse') ?
        this.$element.one($.support.transition.end, complete) :
        complete()
    }

  , toggle: function () {
      this[this.$element.hasClass('in') ? 'hide' : 'show']()
    }

  }


/* COLLAPSE PLUGIN DEFINITION
  * ========================== */

  var old = $.fn.collapse

  $.fn.collapse = function (option) {
    return this.each(function () {
      var $this = $(this)
        , data = $this.data('collapse')
        , options = typeof option == 'object' && option
      if (!data) $this.data('collapse', (data = new Collapse(this, options)))
      if (typeof option == 'string') data[option]()
    })
  }

  $.fn.collapse.defaults = {
    toggle: true
  }

  $.fn.collapse.Constructor = Collapse


/* COLLAPSE NO CONFLICT
  * ==================== */

  $.fn.collapse.noConflict = function () {
    $.fn.collapse = old
    return this
  }


/* COLLAPSE DATA-API
  * ================= */

  $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) {
    var $this = $(this), href
      , target = $this.attr('data-target')
        || e.preventDefault()
        || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
      , option = $(target).data('collapse') ? 'toggle' : $this.data()
    $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed')
    $(target).collapse(option)
  })

}(window.jQuery);
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesM12
JamesM12
сообщение 21.2.2015, 1:05; Ответить: JamesM12
Сообщение #2


Лушче в консоле браузера покажите что пишет ? :)

Для того что бы туда попасть нужно в браузере нажать F12, и затем переключить во вкладку "Консоль"(Console) скорее всего там красным цветом будет Error, именно эта запись поможет решить вашу проблему :)

Сообщение отредактировал JamesM12 - 21.2.2015, 1:12


--------------------
Создание, исправление, доработка, лечение ваших проектов :)
Linux, PHP, Javascript, HTML, CSS, Wordpress since 2008 - wpmastering.pro
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
power1798
power1798
Topic Starter сообщение 21.2.2015, 13:23; Ответить: power1798
Сообщение #3


JamesM12, Пишет там "Failed to load resource: the server responded with a status of 404 (Not Found)" и ссылка на картинку
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesM12
JamesM12
сообщение 21.2.2015, 13:41; Ответить: JamesM12
Сообщение #4


И только ? Ну тогда урл в студию :) будем смотреть вместе ...


--------------------
Создание, исправление, доработка, лечение ваших проектов :)
Linux, PHP, Javascript, HTML, CSS, Wordpress since 2008 - wpmastering.pro
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
power1798
power1798
Topic Starter сообщение 21.2.2015, 13:52; Ответить: power1798
Сообщение #5


JamesM12, Отправил в личку
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesM12
JamesM12
сообщение 21.2.2015, 14:15; Ответить: JamesM12
Сообщение #6


Нужно ее запустить где нить нужно добавить

Код
<script type="text/javascript">
$(document).ready(function () {
    $('#myCarousel').carousel('cycle');
});
</script>


Вот еще несколько вариаций


--------------------
Создание, исправление, доработка, лечение ваших проектов :)
Linux, PHP, Javascript, HTML, CSS, Wordpress since 2008 - wpmastering.pro


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
power1798
power1798
Topic Starter сообщение 21.2.2015, 17:15; Ответить: power1798
Сообщение #7


JamesM12, Заработало. Большое спасибо!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Easy UP - автоматически апает (поднимает) темы на форумах!
3 zennoboss 3780 5.11.2018, 12:51
автор: zennoboss
Открытая тема (нет новых ответов) Нужен максимально простой текстовый слайдер (карусель)
8 anethum 16943 9.4.2011, 11:43
автор: -Letmetouchyou-


 



RSS Текстовая версия Сейчас: 20.4.2024, 4:46
Дизайн