in arthemia Premium the featured section got a 'jcarousel'
here more than 4 items scroll through, is that what you mean? http://demo.colorlabsproject.com/arthemia/
(I don't know however what the arrows there are for, they do not work in firefox)
In this forum here you find also two ways to make some parts of arthemia slide through (jQuery cycle Slideshow and a Content Slider jQuery) as you can see in:
http://themes.go41.de/?wptheme=arthemia
look above the 'normal' headline section and another one as first post under the category bar. Links to the description are supplied near the 'addons'
Hmmm, not sure I like the official one but the one on your demo site is very nice, will have a ponder whether it would work with my site - do you know if you can add more than four items into the slider?
E.g. could I have 15 or so articles all sliding through on the front page? It would really help as we have a massive content backlog that should be aired more regularly...
the content slider on top is hard to get more items, you have to make the thumbnails slide too..
the slideshow takes as many posts as you like, but shows only one by one.
Best you try to find a jquery slider you like and ask again..
How is it possible.. a good question!
I will not do it for you, but here is how I would work it out on a test site.
open the colorlabs arthemia premium demo (link above)
check the source code of this site for javascript he is loading:
jquery.js?ver=1.4.2
jquery.jcarousel.pack.js?ver=3.0.4
you could link them from google like:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>additionally there is this script loaded in header.php before the /head tag:
<script type="text/javascript">
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 2,
scroll: 1,
wrap: 'last',
vertical: true,
initCallback: mycarousel_initCallback
});
});
</script>having these two scipts loaded you need the css styles they use, find them in source code of the site here:
demo.colorlabsproject.com/arthemia/wp-content/themes/arthemia-premium/css/jquery.jcarousel.css
just use in your style.css or load in an extra file
Having these (three) scripts and the styles in your test site you can try to set in your index.php this line
<?php query_posts("showposts=4&category_name=Featured"); $i = 1; ?>to show 6 or 8 items:
<?php query_posts("showposts=8&category_name=Featured"); $i = 1; ?>If you are lucky your featured starts scrolling, the arrows below you can think about yourself if you need.
It's work, sorry, at the end there might be just a div to add or to change, compare source code of your site and the demo site.
You must log in to post.
