Yeah, I have. 3 is the magic number :)
I did not understand this question.
The third is missing
<div class="carousel-inner">
<div class="active item"><img
src="/diogo/static/images/carousel/carousel3.jpg" alt="banner1">
<h3>Azeite Vinaldo</h3>
<p class="text-center">Guache sobre Tela, 75x30 cm.</p>
<p class="text-right">2013-08-07 18:03:38.774240</p>
</div>
<div class="item"><img
src="/diogo/static/images/carousel/carousel1.jpg" alt="banner2">
<h3>Bezegaio Frito</h3>
<p class="text-center">Acrilico sobre Tela, 45x40 cm</p>
<p class="text-right">2013-08-07 17:52:27.399172</p>
</div>
</div>
The code in the source in browser.
Quinta-feira, 8 de Agosto de 2013 19:43:36 UTC+1, Roberto Perdomo escreveu:
>
> Good news!
>
> You really have three post?
> Can you print the three posts in a .html without carousel?
> You have checked the source of your index.html (in the browser) and search
> the three div inside "carousel-inner"?
>
>
> 2013/8/8 Hugo Costa <[email protected] <javascript:>>
>
>> Sorry about the delay.
>>
>> The first one works fine, but only works for the first and the second.
>>
>> The code I used is:
>>
>> *index.html*
>> *
>> *
>> <div id="carousel-example-generic" class="carousel slide">
>> <ol class="carousel-indicators">
>> <li data-target="#carousel-example-captions" data-slide-to="0"
>> class="active"></li>
>> <li data-target="#carousel-example-captions"
>> data-slide-to="1"></li>
>> <li data-target="#carousel-example-captions"
>> data-slide-to="2"></li>
>> </ol>
>> <div class="carousel-inner">
>> {{for index, post in enumerate(news):}}
>>
>> {{if index==0:}}
>> <div class="active item"><img
>> src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner1"
>> />
>> <h3>{{=post.title}}</h3>
>> <p class="text-center">{{=post.post}}</p>
>> <p class="text-right">{{=post.created_on}}</p>
>> </div>
>> {{pass}}
>>
>> {{else:}}
>> <div class="item"><img
>> src="{{=URL('static','images/carousel/%s' %(post.image))}}" alt="banner2"
>> />
>> <h3>{{=post.title}}</h3>
>> <p class="text-center">{{=post.post}}</p>
>> <p class="text-right">{{=post.created_on}}</p>
>> </div>
>> {{pass}}
>> {{pass}}
>> </div>
>> <a class="glyphicon glyphicon-chevron-left"
>> href="#carousel-example-generic" data-slide="prev">‹</a>
>> <a class="glyphicon glyphicon-chevron-right"
>> href="#carousel-example-generic" data-slide="next">›</a>
>> </div>
>> </div>
>>
>> What could it be?
>>
>> Quarta-feira, 7 de Agosto de 2013 20:56:17 UTC+1, Roberto Perdomo
>> escreveu:
>>>
>>> you forgot the ":" on the else and pass on the if. index var not exist,
>>> was my example, you need get the index of the iteration, may be with
>>> news.index(post) or using enumerate. Try this two example:
>>>
>>> <div id="carousel-example-generic" class="carousel slide">
>>> <ol class="carousel-indicators">
>>> <li data-target="#carousel-**example-captions"
>>> data-slide-to="0" class="active"></li>
>>> <li data-target="#carousel-**example-captions"
>>> data-slide-to="1"></li>
>>> <li data-target="#carousel-**example-captions"
>>> data-slide-to="2"></li>
>>> </ol>
>>> <div class="carousel-inner">
>>> {{for index, post in enumerate(news):}}
>>> {{if index==0:}}
>>> <div class="active item"><img src="{{=URL('static','images/*
>>> *carousel/%s' %(post.image))}}" alt="banner1" />
>>> <h3>{{=post.title}}</h3>
>>> <p class="text-center">{{=post.**post}}</p>
>>> <p class="text-right">{{=post.**created_on}}</p>
>>> </div>
>>> {{pass}}
>>> {{else:}}
>>> <div class="item"><img
>>> src="{{=URL('static','images/**carousel/%s'
>>> %(post.image))}}" alt="banner2" /></div>
>>> {{pass}}
>>> {{pass}}
>>> </div>
>>> <a class="cglyphicon glyphicon-chevron-left"
>>> href="#carousel-example-**generic" data-slide="prev">‹</a>
>>> <a class="glyphicon glyphicon-chevron-right"
>>> href="#carousel-example-**generic" data-slide="next">›</a>
>>> </div>
>>> </div>
>>>
>>> or:
>>>
>>> <div id="carousel-example-generic" class="carousel slide">
>>> <ol class="carousel-indicators">
>>> <li data-target="#carousel-**example-captions"
>>> data-slide-to="0" class="active"></li>
>>> <li data-target="#carousel-**example-captions"
>>> data-slide-to="1"></li>
>>> <li data-target="#carousel-**example-captions"
>>> data-slide-to="2"></li>
>>> </ol>
>>> <div class="carousel-inner">
>>> {{for post in news:}}
>>> {{if news.index(post)==0:}}
>>> <div class="active item"><img src="{{=URL('static','images/*
>>> *carousel/%s' %(post.image))}}" alt="banner1" />
>>> <h3>{{=post.title}}</h3>
>>> <p class="text-center">{{=post.**post}}</p>
>>> <p class="text-right">{{=post.**created_on}}</p>
>>> </div>
>>> {{pass}}
>>> {{else:}}
>>> <div class="item"><img
>>> src="{{=URL('static','images/**carousel/%s'
>>> %(post.image))}}" alt="banner2" /></div>
>>> {{pass}}
>>> {{pass}}
>>> </div>
>>> <a class="cglyphicon glyphicon-chevron-left"
>>> href="#carousel-example-**generic" data-slide="prev">‹</a>
>>> <a class="glyphicon glyphicon-chevron-right"
>>> href="#carousel-example-**generic" data-slide="next">›</a>
>>> </div>
>>> </div>
>>>
>>> Is an example, this was not tested
>>>
>>>
>>> 2013/8/7 Hugo Costa <[email protected]>
>>>
>>> Hey Roberto!
>>>>
>>>> So, I've used your code and this turned out:
>>>>
>>>> *index.html*
>>>> *
>>>> *
>>>> <div id="carousel-example-generic" class="carousel slide">
>>>>
>>>> <ol class="carousel-indicators">
>>>> <li data-target="#carousel-**example-captions"
>>>> data-slide-to="0" class="active"></li>
>>>> <li data-target="#carousel-**example-captions"
>>>> data-slide-to="1"></li>
>>>> <li data-target="#carousel-**example-captions"
>>>> data-slide-to="2"></li>
>>>> </ol>
>>>> <div class="carousel-inner">
>>>> {{for post in news:}}
>>>> {{if index==0:}}
>>>> <div class="active item"><img src="{{=URL('static','images/
>>>> **carousel/%s' %(post.image))}}" alt="banner1" />
>>>> <h3>{{=post.title}}</h3>
>>>> <p class="text-center">{{=post.**post}}</p>
>>>> <p class="text-right">{{=post.**created_on}}</p>
>>>> </div>
>>>> {{else}}
>>>> <div class="item"><img
>>>> src="{{=URL('static','images/**carousel/%s'
>>>> %(post.image))}}" alt="banner2" /></div>
>>>> {{pass}}
>>>> {{pass}}
>>>> </div>
>>>> <a class="cglyphicon glyphicon-chevron-left"
>>>> href="#carousel-example-**generic" data-slide="prev">‹</a>
>>>> <a class="glyphicon glyphicon-chevron-right"
>>>> href="#carousel-example-**generic" data-slide="next">›</a>
>>>> </div>
>>>> </div>
>>>>
>>>>
>>>> I don't understand why, but I'm getting this error:
>>>>
>>>> <type 'exceptions.SyntaxError'> invalid syntax (index.html, line 70)
>>>>
>>>> What could it be?
>>>>
>>>> Quarta-feira, 7 de Agosto de 2013 18:37:54 UTC+1, Roberto Perdomo
>>>> escreveu:
>>>>>
>>>>> Hi Hugo, I dont know bootstrap carousel, but in the view you are
>>>>> iterating
>>>>> many times the main div "carousel-example-generic".
>>>>>
>>>>> In your case you need iterate only the dinamic content of the
>>>>> carousel, and the carousel content are divs.
>>>>>
>>>>> See this example with my comments:
>>>>>
>>>>> <div id="myCarousel" class="carousel slide">
>>>>> <ol class="carousel-indicators">
>>>>> <!-- If you have 3 fixed items, you can leave this-->
>>>>> <li data-target="#myCarousel" data-slide-to="0"
>>>>> class="active"></li>
>>>>> <li data-target="#myCarousel" data-slide-to="1"></li>
>>>>> <li data-target="#myCarousel" data-slide-to="2"></li>
>>>>> </ol>
>>>>> <!-- Carousel items -->
>>>>> <div class="carousel-inner">
>>>>> <!-- Here is where you will perform the iteration of your three
>>>>> elements {{for post in news:}} -->
>>>>> <!-- if index == 0 output this line -->
>>>>> <div class="active item"><img src="your dinamic content for
>>>>> active element" alt="banner1" /></div>
>>>>> <!-- else output this -->
>>>>> <div class="item"><img src="your dinamic content"
>>>>> alt="banner2" /></div>
>>>>> <!-- end if else -->
>>>>> <!-- end iteration -->
>>>>> </div>
>>>>> <!-- Carousel nav -->
>>>>> <a class="carousel-control left" href="#myCarousel"
>>>>> data-slide="prev">‹</a>
>>>>> <a class="carousel-control right" href="#myCarousel"
>>>>> data-slide="next">›</a>
>>>>> </div>
>>>>>
>>>>> hope I've helped with this example.
>>>>>
>>>>>
>>>>> 2013/8/7 Hugo Costa <[email protected]>
>>>>>
>>>>>> Hello!
>>>>>>
>>>>>> I'm doing a website where I have a carousel in which should be the 3
>>>>>> latest news, going to search for Title, Content and Date to the database
>>>>>> but isn't working like I wanted.
>>>>>>
>>>>>> The code:
>>>>>>
>>>>>> *default.py*
>>>>>>
>>>>>> def index():
>>>>>> """
>>>>>> example action using the internationalization operator T and flash
>>>>>> rendered by views/default/index.html or views/generic.html
>>>>>>
>>>>>> if you need a simple wiki simple replace the two lines below
>>>>>> with:
>>>>>> return auth.wiki()
>>>>>> """
>>>>>> if auth.user:
>>>>>> response.flash = T('Welcome %s %s' % (auth.user.first_name,
>>>>>> auth.user.last_name))
>>>>>> else:
>>>>>> response.flash = T('Welcome Visitor')
>>>>>> news =
>>>>>> db(db.posts).select(orderby=~d****b.posts.id<http://db.posts.id>,
>>>>>> limitby=(0, 3))
>>>>>> return dict(news=news)
>>>>>>
>>>>>> *index.html*
>>>>>> *
>>>>>> *
>>>>>> {{for post in news:}}
>>>>>> <div id="carousel-example-generic" class="carousel slide">
>>>>>> <ol class="carousel-indicators">
>>>>>> <li data-target="#carousel-**example**-captions"
>>>>>> data-slide-to="0" class=""></li>
>>>>>> <li data-target="#carousel-**example**-captions"
>>>>>> data-slide-to="1" class=""></li>
>>>>>> <li data-target="#carousel-**example**-captions"
>>>>>> data-slide-to="2" class=""></li>
>>>>>> </ol>
>>>>>>
>>>>>> <div class="carousel-inner">
>>>>>> <div class="item active">
>>>>>> <img data-src="holder.js/900x500/**au**to/#777:#777"
>>>>>> alt="900x500" src="http://payload.**cargocolle**ctive.com/1/0/221/**
>>>>>> 2318/08-**Poster-2_900.jpg<http://payload.cargocollective.com/1/0/221/2318/08-Poster-2_900.jpg>
>>>>>> ">
>>>>>> <div class="carousel-caption">
>>>>>> <h3><a href="{{=URL(a='hugo', c='default', f='show',
>>>>>> args=[post.id])}}" title="{{=post.title}}">{{=**pos**t.title}}</h3>
>>>>>> <p class="text-center">{{=XML(**mar**
>>>>>> kdown(post.post))}}</p>
>>>>>> <p class="text-right">{{=post.**cre**ated_on}}</p>
>>>>>> </div>
>>>>>> </div>
>>>>>>
>>>>>> </div>
>>>>>>
>>>>>> <!-- Controls -->
>>>>>> <a class="left carousel-control" href="#carousel-example-**generi**c"
>>>>>> data-slide="prev">
>>>>>> <span class="glyphicon glyphicon-chevron-left"></**span**>
>>>>>> </a>
>>>>>> <a class="right carousel-control" href="#carousel-example-**generi*
>>>>>> *c" data-slide="next">
>>>>>> <span class="glyphicon glyphicon-chevron-right"></**spa**n>
>>>>>> </a>
>>>>>> </div>
>>>>>> {{pass}}
>>>>>>
>>>>>> If you guys could give me a hand on this I'd apreciate it :)
>>>>>>
>>>>>> Thanks,
>>>>>>
>>>>>> Hugo
>>>>>>
>>>>>> --
>>>>>>
>>>>>> ---
>>>>>> You received this message because you are subscribed to the Google
>>>>>> Groups "web2py-users" group.
>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>> send an email to web2py+un...@**googlegroups.com.
>>>>>>
>>>>>> For more options, visit
>>>>>> https://groups.google.com/**grou**ps/opt_out<https://groups.google.com/groups/opt_out>
>>>>>> .
>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>> --
>>>>
>>>> ---
>>>> You received this message because you are subscribed to the Google
>>>> Groups "web2py-users" group.
>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>> an email to web2py+un...@**googlegroups.com.
>>>> For more options, visit
>>>> https://groups.google.com/**groups/opt_out<https://groups.google.com/groups/opt_out>
>>>> .
>>>>
>>>>
>>>>
>>>
>>> --
>>
>> ---
>> You received this message because you are subscribed to the Google Groups
>> "web2py-users" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to [email protected] <javascript:>.
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>>
>>
>
>
--
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
