Форуми / Cotonti / Support / Little help please

urlkiller
#25751 24.08.2010 03:49
@Kingsley

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="{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...
URL shortener: <a href="http://bbm.li/!7AD5C7">http://bbm.li/!7AD5C7</a>