cotonti.com : Little help please https://www.cotonti.com Neueste Themenbeiträge Cotonti en Sat, 11 Apr 2026 22:00:42 -0000 Kingsley # 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..]]> Mi, 25 Aug 2010 14:39:00 -0000 urlkiller
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...]]> Mi, 25 Aug 2010 07:08:55 -0000 Kingsley 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]]> Di, 24 Aug 2010 22:14:36 -0000 urlkiller

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=https://www.cotonti.com/"{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 -->
]]> Di, 24 Aug 2010 21:31:30 -0000 Kingsley

me happy :D thank you thank you]]> Di, 24 Aug 2010 21:14:26 -0000 urlkiller
you need to make them to links...]]> Di, 24 Aug 2010 20:51:53 -0000 Kingsley
http://www.x-ecutionerz.com/site/list.php?c=cartoon

Where exactly do I put those files which I downloaded from the link you gave me?

i've got

jquery.cycle.min.js
jquery.cycle.lite.min.js
jquery.cycle.all.min.js

and a folder called scr, with 3 files in it, have put them in root/js and skinname/js..]]> Di, 24 Aug 2010 20:32:14 -0000 urlkiller
uhm about the field cartoons.
how do you insert this in your tpl? with LIST_ROW_CARTOON ?

Added 12 minutes later:

Ok! now you need to delete the cycle and jquery call in your header.tpl (the new lines you made for the cycle plugin)

implement this list.tpl and write here again that i can debug it on your site.

maybe you dont need to implement the jquery again. because cot already loaded it...

list.cartoon.tpl
<!-- BEGIN: MAIN -->
<script type="text/javascript" src=https://www.cotonti.com/"/js/jquery.min.js"></script>
<script type="text/javascript" src=https://www.cotonti.com/"http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	// speed 		= transition time in mil secs
	// timeout 	= time how long the image stays in mil secs
	// pause 		= if you enter the box with your mouse stop sliding auto
	$('#slideshow').cycle({fx: 'scrollHorz', speed: 1000, timeout: 60000, next: '#MyNextButton', prev: '#MyPrevButton',pause: 1});
});
</script>

<style>
a#MyNextButton, a#MyPrevButton {padding:10px;background:green;font-size:14px;}
a#MyPrevButton {float:left;}
a#MyNextButton {float:right;}
a#MyNextButton:hover, a#MyPrevButton:hover {background:blue;}
</style>

<table id="index" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td class="indexbodyh">{LIST_PAGETITLE}</td>
	</tr>
	<tr>
		<td class="indexbodyc">
    	<div id="subtitle" style="padding-top:6px;">&nbsp; &nbsp; {LIST_SUBMITNEWPAGE}</div>
			<div id="slideshow">
				<!-- BEGIN: LIST_ROW -->
				<div class="{LIST_ROW_ODDEVEN}">
					<h2>{LIST_ROW_SHORTTITLE}</h2><hr />
					<img src=https://www.cotonti.com/"{LIST_ROW_CARTOON}" style="width:680px;">
				</div>
				<!-- END: LIST_ROW -->
			</div>
			<div id="MyNextButton">Next</div>
			<div id="MyPrevButton">Prev</div>
		</td>
	</tr>
	<tr>
		<td class="indexbodyf"></td>
	</tr>
</table>
<!-- END: MAIN -->
]]> Di, 24 Aug 2010 19:51:44 -0000 Kingsley
http://www.cotonti.com/datas/users/list.cartoon_133.rar

catname: cartoon
fieldname: cartoon

Sorry, but that Jquery thingy I just don't understand. placed the files in root/js, in skinmane/js, change and played alot with the codes provided on the site, but next to how to implement it in your skin, it says nothing about how and where to call to it's jquery files. I gave up after 5 hours, simply coz it got to complex for my needs.]]> Di, 24 Aug 2010 19:19:14 -0000 urlkiller
please send me your list.tpl, the category name, the fieldname where the img is stored of your cartoon cat.
and ill do this fast...]]> Di, 24 Aug 2010 19:09:54 -0000 Kingsley
guess a simple nav from page to page isn't made availible in cotonti.

All i need is the navigation from one page to another and the possibility to directly link to latests added page.
complexer than that isn't necessary.]]> Di, 24 Aug 2010 17:42:22 -0000 Kort Kingsley Example for you:
http://houseplanner.org/list.php?c=our-work]]> Di, 24 Aug 2010 12:54:31 -0000 Kingsley

Will be up all night with this]]> Di, 24 Aug 2010 04:33:23 -0000 urlkiller
I guess you want some sort of category where the "talented" user can upload somehow the image (or uses his pfs) and the other users can scroll through them by clicking on the next cartoon image or the next link...

my answer would be do it completly with categorys, templates and a bit creativity (jquery cycle) yourself ;)


1. make a new category and name it i.e. cartoons
2. then go to your skins folder and make a new template list.cartoons.tpl
2a. if you wish you can now make a page.add.cartoons.tpl and page.edit.cartoons.tpl for the talented user
3. in the file list.cartoons.tpl you could make something like that:
<!-- BEGIN: MAIN -->
<div id="content">
<div id="slideshow">
<!-- BEGIN: LIST_ROW -->
<div class="{LIST_ROW_ODDEVEN}">
{LIST_ROW_SHORTTITLE}<br />
<a href=https://www.cotonti.com/"{LIST_ROW_URL}"><img src="{LIST_ROW_EXTRA1}" style="width:600px;"></a>
</div>
<!-- END: LIST_ROW -->
</div>
<div id="MyNextButton">Next</div>
<div id="MyPrevButton">Prev</div>
</div>
<!-- END: MAIN -->

this code creates a list where only the field extra1 is send into the src from an image.
so the user only needs to submit a page where he enters a title and the path to the image he uploaded.

if you would use it like that it only shows title, image, title, image etc.
but the cycle plugin uses the div boxes as single elements that can be scrolled throught. the other 2 boxes are the next and prev button that "slides" back and forth the elements. it would pretty much create the effect you wanna have.
with the jquery.cycle plugin you can make also other neat and easy transitions.

you need to load jquery, the plugin and need to startup the slideshow. just take a look at the demonstration pages and copy & paste a bit and just try around.

iam interessted what your implementation will be...]]> Di, 24 Aug 2010 03:49:56 -0000 Kingsley
from one article to the next in the same category, off course

Added 51 seconds later:

and got one big image in the list.tpl for it

http://www.x-ecutionerz.com/site/list.php?c=cartintro

which I would like to link directly to the latest added cartoon..]]> Di, 24 Aug 2010 01:31:39 -0000 Kort Di, 24 Aug 2010 01:24:22 -0000 Kingsley
and a way to link directly to the latest added page in a cat?]]> Di, 24 Aug 2010 00:50:16 -0000 pieter
But then you change the items displayed for ALL lists.
Maybe try to make a new list.CAT.tpl

For the arrows:

Search for: 
<div class="pagnav">{LISTCAT_PAGEPREV}{LISTCAT_PAGNAV}{LISTCAT_PAGENEXT}</div>
and change it into 
<div class="pagnav">{LISTCAT_PAGEPREV}{LISTCAT_PAGENEXT}</div>

Or delete the {LISTCAT_PAGNAV} in it.

Not sure about this.]]> Mo, 23 Aug 2010 23:00:54 -0000 Kingsley My problem is my lack of knowledge.

I already figured out how to do that with my limited knowledge how to but stumble on some problems:

I use the page avatar plugin for it. this displays a image in a list.tpl, with title etc.
How do I limit that list.tpl to display one item per list.

How do I set the navigation to << < > >> in stead of << < 1 2 3 4 5 > >> for this particular list?

I know you all probably go like: "WTF, dude, so much easier ways to accomplish that!" but like I said, limited knowledge..

Thanks for your help]]> Mo, 23 Aug 2010 22:31:26 -0000