Re: Problem with carousel

[iange87]

No problem Olga. From a quick look at your source code, I can see the extra 
<p> before your carousel buttons (line 107) which you don't need. It looks 
like you've fixed it though by closing the div before the buttons. but it 
might be worth re-checking your code structure for the carousel anyway.

On Wednesday, October 17, 2012 10:25:26 AM UTC+1, Olga Maraeva wrote:
>
> iange87, thank you for your advice! Could you tell me how i can 
> put  carousel JS in another way? I cant understand where i should delete 
> this <p>. I put like Rachel said (
> http://bootstrapwp.rachelbaker.me/javascript-guide/) and where is no <p>. 
>  What i did wrong?
>
> среда, 17 октября 2012 г., 4:06:11 UTC+4 пользователь iange87 написал:
>>
>> Hi Olga
>>
>> Looks to me like it's because the carousel JS is trying to show the <p> 
>> tag as an item. (It's not there in the html you pasted above, but it is 
>> when looking at the source of the linked page). If you need to add a <p> 
>> directly below the carousel images, put it after the </div> which closes 
>> the carousel but before the end of the span.
>>
>> Hope that helps
>>
>> iange87
>>
>> On Tuesday, October 16, 2012 5:08:57 PM UTC+1, Olga Maraeva wrote:
>>>
>>> Hi,
>>> I am working on site http://shopogolick.16mb.com/ based on Rachel 
>>> <https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/tree/1-WIP>Baker's
>>>  
>>> theme 
>>> https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/tree/1-WIP
>>> and when i put carousel slider something wrong happened. At the end of 
>>> slider pic disappeared at all and the first slide goes from small size to 
>>> normal size. 
>>> I put at the main page:
>>> <div class="container-fluid">
>>>   <div class="row-fluid">
>>>
>>> <div class="span8">
>>>
>>> <div id="myCarousel" class="carousel slide">
>>>   <!-- Carousel items -->
>>>   <div class="carousel-inner">
>>>     <div class="active item"><img src="
>>> http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-01.jpg";
>>>  
>>> alt=""></div>
>>>     <div class="item"><img src="
>>> http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-02.jpg";
>>>  
>>> alt=""></div>
>>>     <div class="item"><img src="
>>> http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-03.jpg";
>>>  
>>> alt=""></div>
>>>     <div class="item"><img src="
>>> http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-02.jpg";
>>>  
>>> alt=""></div>
>>>     <div class="item"><img src="
>>> http://bootstrapwp.rachelbaker.me/wp-content/themes/bootstrapwp/img/bootstrap-mdo-sfmoma-03.jpg";
>>>  
>>> alt=""></div>
>>>   </div>
>>>   <!-- Carousel nav -->
>>>   <a class="carousel-control left" href="#myCarousel" 
>>> data-slide="prev">&lsaquo;</a>
>>>   <a class="carousel-control right" href="#myCarousel" 
>>> data-slide="next">&rsaquo;</a>
>>> </div>
>>>
>>>
>>>     </div>
>>>
>>>   </div>
>>> </div>
>>>
>>> What i need to change in my slider to make it loop like this 
>>> http://bootstrapwp.rachelbaker.me/javascript-guide/
>>>
>>> THanks in advance!
>>>
>>