Forums / Cotonti / Support / Little help please

<<<12

urlkiller
#16 2010-08-24 21:31
just make the links like this: <div id="My..."><a href="#">Next</a></div>


what you just did wont work!!!
you can only have 1 instance of each next and prev button and it need to be outside the div id="slideshow"!!!!

if you wish to add more information to the slides you need to do this INSIDE the <div> elements!

example:

<!-- BEGIN: LIST_ROW -->
<div class="{LIST_ROW_ODDEVEN}">

<h2>{LIST_ROW_TITLE}</h2><hr />
<img src="{LIST_ROW_CARTOON}" style="width:680px;">
<table class="cells">
<tr>
<td>NAME:</td>
<td>{LIST_ROW_TITLE}</td>
</tr>
<tr>
<td>DATE:</td>
<td>{LIST_ROW_DATE}</td>
</tr>
</table>
</div>
<!-- END: LIST_ROW -->
URL shortener: <a href="http://bbm.li/!7AD5C7">http://bbm.li/!7AD5C7</a>
This post was edited by urlkiller (2010-08-24 21:44, 13 years ago)
Kingsley
#17 2010-08-24 22:14
I see what where I went wrong with it :) ty..

Added 18 minutes later:

works now..

So these kind of smart little things are already possible with cotonti alone?
coz if so, I have found a few other thing that work just like this :D

lkkr knutselen :p
This post was edited by Kingsley (2010-08-24 22:32, 13 years ago)
urlkiller
#18 2010-08-25 07:08
you know, webdevelopment is always thinking out of the box.

you need to work with the things you got and i always try to find the most easy way to produce the effect i wish. you should really check out / learn a bit about jquery because you can A. do the Programming pretty fast easy and B. is very easy to learn and understand.

there are tons of more cool things you could do with the <!-- IF --> blocks and jquery only with templates.

just a idea with that: http://jquery.malsup.com/cycle/pager7.html you could build a list that shows some small thumbs on the bottom or so?

yeah it looks very cool how you worked it out! Good Work!

but remember if you have 2000000000k images in that list all of them need to get loaded first! so this is only a solution for ??? Images...

also check out that page: http://jquery.malsup.com/cycle/int2.html
the example with the pagination ;) you need only add pager: '#navigation' in the jquery startup and add a new #div with the #navigation the plugin then should build there a pagination for all items in the list. style them with #navigation a {bla}



edit: i made a mistake with the styles i added in the tpl. i wrote a#mynextbutton but the id is on a <div> element ;) so you need to set the id on the <a> or delete the styles...
URL shortener: <a href="http://bbm.li/!7AD5C7">http://bbm.li/!7AD5C7</a>
Kingsley
#19 2010-08-25 14:39
# urlkiller :
just a idea with that: http://jquery.malsup.com/cycle/pager7.html you could build a list that shows some small thumbs on the bottom or so?

:) had the same idea after surfing that webbie, but that can be done without jquery (i think) depends a bit in how some (dunno what their called but <!-- BEGIN: LIST_ROW --> these things) behave..

Had already moved the css out of it, but thanks for the heads up.

Will be learning more about jquery this week. will take the time for a couple of classes :)

thx url..

<<<12