I have a website and a tumblr blog(s) and I am looking to integrate the two to create some dynamic content on the website that is easy to update via the tumblr blog(s). What I would like to have is a horizontal slider like [url removed, login to view] or the slider in the middle of this page www.nikeinc.com. The slider would automatically update the content preferably from a Tumblr account, RSS feed or yahoo pipes account (depending on which is easiest to create a seamless look and feel on the website).
Included is a picture of what I would like the slider to look like.
For interactivity of the slider you can see an example at www.nikeinc.com
I would like no border as I want it to merge seamlessly with the CSS of my site for a minimalist look.
I want to have three given slides that display on any given web page with total span of 1062px and I would like the slider to load at least the last 10 posts. If it is possible to load more posts as the slider is used (so that I do not load to many at the time the page is loaded) then I would prefer to that.
Tumblr uses a unique set up as each post has a unique tagging which may make it a bit more complicated in interacting with the API and trying to set up a way to scrape the information from the feed to the slider.
If the post (this is the post I will prob use most often) is text then
There will be a preview photo/video that is the first photo/video in the body of the post. The size of the preview photo slider will be 317x226px.
Then the title goes in the bolded heading text
With the shortened paragraph post body below.
The first video or photo in the text I would like to go in the preview window on the slider.
If the the tumblr post is a picture post then I would like within the slider for the picture to go on top size
W 317, H 262px (with a light shadow from behind)
The caption will be paragraph text below (not heading text)
If the post is a video then within the slider it will be the same size as the photo 317x262 (with a light shadow from behind)
The title will be Video Post
The caption will be shortened paragraph text (not heading text) below.
If the post is a quote
The quote goes as bold heading title text.
The caption goes in shortented paragraph text below
If the post is a link
Then the heading will be the link.
the caption will go below in a shortened paragraph
If the post is chat then
the title goes in the heading text
the chat is displayed below in a shortnened body
If the post is audio then
The preview window will show a default image like this (http://www.vectornpixel.com/wp-content/uploads/2009/11/headphones1.jpg)
The Body will be the caption description in a paragraph
Below each post will be a Read More link which will link to the original blog post within tumblr.
The headings will be linked to the orginial blog post with rollover change of color.
I am not to worried about fonts and design features related to those fonts as I will probably just alter them in the CSS code afterwards to match my website that is in development. The same goes for colors as well. If you could just try to match the colors in the attached file for demonstration that would probably be just fine.