I want a simple to use slider for the home page of the website I have played around with a bunch of plugins and nothing was really suiting my needs or easy to deal with. I would rather not spend the time to build my own.
Here are the requirements I need
- Allows More than one slider with different image sizes(sized to background image)
- Must be able to handle html and images so it can be linkable to posts
Basically I want the slider to take all the posts marked in a certain category say “featured”
then display the title and featured image on the home page.
Any Suggestions. I can get the info I need already through the query function.
If I must build my own this is the format I would like the code to be in
<div id="feat-slider">
<ul >
<li id="feat-slide-id">
<a href="permalink"><span class="feat-title">Title</span></a>
<span class="feat-image">Featured Image</span>
</li>
......
......
</ul>
<ul class="feat-nav">
<li id="feat-slide-id">1</li>
.......
</ul>
</div>
If No plugin can make multiple versions of something like this
can any provide some javascript to create a slider out of this
Thank you
Here is what I did just in case anyone wants to copy it noticed a lot of people looking
set a category of your choice and featured image will be the slide for that
title will be displayed and the whole thing is permalinked
here is the HTML/PHP to generate it
CSS you will probably need to modify this according to your sizes
Then the jQuery
based off of this blog post about making an html slide from jquery cycle
http://line25.com/tutorials/build-a-simple-image-slideshow-with-jquery-cycle