Jamroom Logo Jamroom 5 Core
is now Open Source!
User Support Forum Archive (Read Only)
User Site Design, Integration and Customization:
Copying and placing carousel on another page
mixy



Joined: 24 Jan 2009
Posts: 429

Posted: 03/06/12 12:38 
I am trying to put the carousel on another page so i have copied the code from the homepage carousel and placed it on the page where i want it to show. It shows up but it does not change the artists instead to see the rest of the artists one needs to scroll down the carousel.

Since i dont want it to show the same artists with the one on the homepage carousel, i went into my skin config file and created a section for it. The artists id i placed in it works. But the problem is that it doesnt have that sliding change effect, instead you have to scroll down to see the rest of the artist.

Is there another file in my jamroom that needs editing so that it can speak with the carousel on my new page so that it works fine?

Code on new page

Code
{if $smarty.config.carousel_[color=red]radio[/color] == 'yes'}

<!-- Step Carousel -->
   <a onfocus="blur();" href="javascript:void(0);" id="fadeout-carousel"><div class="button-toggle"></div></a>
   <div class="toggle-carousel">
<div id="carousel-container">
 <div id="stepcarousel-bg">
  <div id="mygallery" class="stepcarousel">
   <div class="belt">
{if $smarty.config.carousel_labels_band1 > 0}
   {jr_array name="band_id" key="0" value=$smarty.config.carousel_[color=red]radio[/color]_band1}
   {jr_array name="band_id" key="1" value=$smarty.config.carousel_[color=red]radio[/color]_band2}
   {jr_array name="band_id" key="2" value=$smarty.config.carousel_[color=red]radio[/color]_band3}
   {jr_ranking mode="artist" band_id=$band_id row_template="artists_carousel.tpl" require_image=$smarty.config.require_images}
{else}
   {jr_ranking mode="artist" order="11" show="3" quota=$smarty.config.[color=red]radio[/color]_id row_template="artists_carousel.tpl" require_image=$smarty.config.require_images}                                                               
{/if}                                                            
   </div>
  </div>
 </div>


<!-- Carousel Favorite Artist/Song-->
 <ul id="favtab" class="no-shadetabs">
   <li><a href="{$JAMROOM_URL}/ranking.php?mode=artist&amp;order=11&amp;show=1&band_id={$smarty.config.fav_artist}&row_template=artists_fav.tpl&require_image={$smarty.config.require_images}" rel="favdiv"></a></li>
</ul>
<div id="favdiv" class="carousel-fav">
</div>
<script type="text/javascript">
var favt=new ddajaxtabs("favtab", "favdiv")
favt.setpersist(false)
favt.setselectedClassTarget("link") //"link" or "linkparent"
favt.init()
</script>
<div class="clear"></div>
</div>


<!-- Step Carousel Nav -->
<div id="carousel-nav">
    <div class="carousel-prev">
       <div style="padding-left:30px;"><a onfocus="blur();" href="javascript: stepcarousel.stepBy('mygallery', -1)"><img src="{$SKIN_URL}/images/button_prev.png" alt="Back" /> {jr_lang id="392" default="Previous"}</a></div>
    </div>
    <div class="carousel-next">
       <div style="padding-right:30px;"><a onfocus="blur();" href="javascript: stepcarousel.stepBy('mygallery', 1)">{jr_lang id="393" default="Next"} <img src="{$SKIN_URL}/images/button_next.png" alt="Forward" /></a></div>
    </div>

    <div class="carousel-r">
        <a onfocus="blur();" href="javascript: favt.loadajaxpage('{$JAMROOM_URL}/ranking.php?mode=artist&amp;order=11&amp;show=1&band_id={$smarty.config.fav_artist}&row_template=artists_fav.tpl&require_image={$smarty.config.require_images}')"><img src="{$SKIN_URL}/images/button_prev.png" alt="Favorite Artist" /> {jr_lang id="204" default="Artist"}</a> |
        <a onfocus="blur();" href="javascript: favt.loadajaxpage('{$JAMROOM_URL}/ranking.php?mode=song&amp;order=11&amp;show=1&song_id={$smarty.config.fav_song}&row_template=music_fav.tpl&require_image={$smarty.config.require_images}')">{jr_lang id="79" default="Song"} <img src="{$SKIN_URL}/images/button_next.png" alt="Song" /></a>
    </div>
 <div class="clear"></div>
</div> 
</div>
{/if}


In my skin config

Code
#StepCarousel yes/no ([color=red]Live Radio[/color])
carousel_[color=red]radio[/color] = "yes"
#Choose 3 Band ID's (If nothing in band1, selection for all 3 is random)
carousel_[color=red]radio[/color]_band1 = ""
carousel_[color=red]radio[/color]_band2 = ""
carousel_[color=red]radio[/color]_band3 = ""


The parts in red are the parts i modified/edited.
Please help anyone.

Thanks

Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 03/06/12 16:07 
Make sure your custom javascripts are being loaded into the page.

If they are, what js errors are you seeing in Firebug?


_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
mixy



Joined: 24 Jan 2009
Posts: 429

Posted: 03/06/12 16:23 
How can i make it load on the page? Maybe thats my problem?

Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 03/06/12 17:02 
Make sure the link is correct.

Post a link if you need further help.


_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 03/07/12 04:55 
You don't have any of the javascripts in the page, cutting and pasting the html is only part of the carousel.

It needs to be set up as shown here:
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm


_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
Display posts from previous:   
User Support Forum Archive (Read Only)
User Site Design, Integration and Customization

 
Solutions
• Social Media Platform
• Social Networking Software
• Musician Website Manager
• Community Builder
Products
• Jamroom Core
• Jamroom Addons
• Jamroom Modules
• Jamroom Marketplace
Support
• Support Forum
• Documentation
• Support Center
• Contact Support
Community
• Community Forum
• Member Sites
• Developers
Company
• About Us
• Contact Us
• Privacy Policy
©2003 - 2010 Talldude Networks, LLC.