So I've had a few people asking me, "How do I make the Slider and Carousel work on your Monster Skin..?" So this is a shameless attempt at answering the questions until Chris and I get to touc sides on getting my templates (PSD Templates and Portal Template) up onto Codeplex...
Firstly, thanks for the feedback so far.
OK, to the details...
There's two lots of tricks.
For the main slideshow - Allen Galek's Easy-Slider 1.7 - do the following, please:
- Insert a Text/Html Module into that pane
- In the module settings, set the module to "Slider" (Container doesn't have a print icon, but I always just disable this as well)
- Then, edit the content of the module using the FCK Editor (i.e. not inline)
- Go to the source code an insert the following code underneath:
- PLEASE NOTE: the id of the wrapping div is "slider". Also the image width and height is fixed.
- You can add as many images as you like and the jQuery will just keep on sliding...
<div id="slider">
<ul>
<li><a target="_blank" href="http://www.yourlink.com"><img width="540" height="250" alt="Be sure to insert alt text!" src="/Portals/YourPortal/Images/sliderimage-01.jpg" /></a></li>
<li><a target="_blank" href="http://www.yourlink.com"><img width="540" height="250" alt="Be sure to insert alt text!" src="/Portals/YourPortal/Images/sliderimage-02.jpg" /></a></li>
<li>etc...</li>
<li>etc...</li>
</ul>
</div>
For the Carosel in the footer, it's similar, but this time you're using Jan Sorgalla's jCarousel.
- Set module to use the "No Title" container
- Edit content and insert the following code below:
- PLEASE NOTE: The wrapping div id and class. Also image width and heights are fixed.
- You can add as many as you like here as well...
<ul id="mycarousel" class="jcarousel-skin-monster">
<li><a title="Put in Title Text!" href="http://www.yourlink.com"><img width="140" height="80" src="/Portals/YourPortal/Images/carousel-image-01.png" alt="Alt Text goes here!" /></a></li>
<li>etc...</li>
</ul>
If you do come unstuck or if you'd like them, pop me an email and I'll send you some temp download links to the PSD templates and a portal template... Also, please send me links of how you have implemented this skin (remember, the skin is free to use as you like, but I would encourage you to customize it).
Thanks
Jon