Sorry to be such a dumbass, but what does this module do? It only adds 2 files, the js and the css. Perhaps someone could post a working example. I have been though the jcarousel site thinking i would just skip this module; but still i am lost. Some of my confusion includes:

- do i need to wrap the DIVs, jc site suggests that the jc.js will do this - i doubt it
- what is tango? it isn't a skin included with the module, and module docs say jcarousel_add('tango'); would do something, but the jcarousel_add(); function doesn't take any parameters, and again, doesn't load anything other than the jc.css and jc.js

I see Wim replying to all the other posts that are asking these same questions just saying to check out the other jc modules like views_carousel, etc - i guess i'll try that next - but it seems like this should be simple to do???? arggg!!!

so this is the best guess i have so far (although tried variants of this as well, with as little success).

code in a node tpl file, html code pulled from Simple Example from jc site.

<?php
drupal_add_js('<script type="text/javascript">
  jQuery(document).ready(function() {
  jQuery(\'#mycarousel\').jcarousel();});
  </script>');

jcarousel_add();
?>

<div class="jcarousel-skin-tango"><div class="jcarousel-container jcarousel-container-horizontal" style="display: block;"><div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal" style="display: block;"/><div class="jcarousel-next jcarousel-next-horizontal" style="display: block;"/><div class="jcarousel-clip jcarousel-clip-horizontal">

<ul class="jcarousel-list jcarousel-list-horizontal" id="mycarousel" style="width: 200px; left: 0pt;">
    <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1"><img src="/<?php echo $theme?>/public/images/pictures/thumb-1.jpg" alt="" /></li>
    <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" jcarouselindex="2"><img src="/<?php echo $theme?>/public/images/pictures/thumb-2.jpg" alt="" /></li>
    <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" jcarouselindex="3"><img src="/<?php echo $theme?>/public/images/pictures/thumb-3.jpg" alt="" /></li>
    <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" jcarouselindex="4"><img src="/<?php echo $theme?>/public/images/pictures/thumb-1.jpg" alt="" /></li>
    <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" jcarouselindex="5"><img src="/<?php echo $theme?>/public/images/pictures/thumb-2.jpg" alt="" /></li>
    <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal" jcarouselindex="6"><img src="/<?php echo $theme?>/public/images/pictures/thumb-3.jpg" alt="" /></li>   
  </ul>
</div></div></div>

anything even close to this?? This does nothing, simply displays my 6 imgs. I can see the following are loaded:
- jquery (1.2.6)
- jcarousel.jss
- jcarousel.css

Comments

liquidcms’s picture

liquidcms commented

well i have now pulled the code pretty much exactly from the jc Simple Example to get this:

<?php   

jcarousel_add(); 
drupal_add_js('
  $(document).ready(function() {
  $("#mycarousel").jcarousel((
    scroll: 1,
    auto: 2,
    wrap: "last"
    });
});','inline');
drupal_add_css((drupal_get_path('module', 'jcarousel') . "/skins/tango/skin.css"));
 
 
?>   
  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
  </ul>

i had to load the tango skin since not included with the module (the folder seems to be there in CVS, but its also emtpy :( )

still this does nothing.. is it possible that this is not compatible with jquery 1.2.6 (latest jquery update)? I'll try backrevving jquery.

liquidcms’s picture

liquidcms commented
Status: Active » Closed (fixed)

ok, got it.. GRR!! not quite sure what's that much different than above.. but

<?php
jcarousel_add(); 
drupal_add_js('
  $(document).ready(function() {
  $("#mycarousel").jcarousel();
});','inline');
drupal_add_css((drupal_get_path('module', 'jcarousel') . "/skins/tango/skin.css"));

$theme = path_to_subtheme();

 
?>   
<ul id="mycarousel" class="jcarousel-skin-tango">  
    <li><img src="/<?php echo $theme?>/public/images/pictures/thumb-1.jpg" alt="" /></li>
    <li><img src="/<?php echo $theme?>/public/images/pictures/thumb-2.jpg" alt="" /></li> 
    <li><img src="/<?php echo $theme?>/public/images/pictures/thumb-3.jpg" alt="" /></li> 
    <li><img src="/<?php echo $theme?>/public/images/pictures/thumb-1.jpg" alt="" /></li> 
    <li><img src="/<?php echo $theme?>/public/images/pictures/thumb-2.jpg" alt="" /></li> 
    <li><img src="/<?php echo $theme?>/public/images/pictures/thumb-3.jpg" alt="" /></li> 
</ul>
sorabh’s picture

sorabh commented

Did you get this working eventually?