The iTunes Site Feature is an unobtrusive jQuery plugin that lets you have an interactive image presentation on your website, much like the iTunes 9.0 store feature. It is written on top of jQuery JavaScript framework and its main features are:
- Smooth transitions
- Simple and clean interface
- Thumbnail view of the queued images on the side
- Manual switching
- Pause on mouse over the button
- 4kb footprint
- Works in IE 6 , 7, 8, Firefox, Safari, Opera and Chrome
- Fully size and position customizable through CSS
- XHTML compliant
- UPDATE 20 -10-09
- It’s possible to links to a hyperlink
You must sign in or sign up to purchase this item.
Download Price: $5
This Product Download Buyers Review:
Mine simply isn’t working. Nothing at all is displaying, I feel like its a problem with the css file, there is a conflict with my own site’s css for i do have absolute and relative values already being used for my navigation. I can’t change my site layout, Need Help!Download JavaScript iTunes Site Feature CodeCanyon FreeJavaScript | fade,
Download Price: $5
Five things I want in next update:
1. Pause on Mouse Over in Large Images (Billboard)
2. Thumbnails Clickables to hyperlink or Large images (Billboard)
3. Support for WordPress
4. Make down corners Rounded
5. When add more of four Large Images, the Thumbnails stay in order
Thanks!Images and Media | feature,
is there a way to automatically make rounded corners on the box to fit in a rounded corner div?image,
Great script, easy to implement, and good documentation.
However, I did have the same probem of some of the main image not showing up. Luckily I had read the comments before purchasing.
To get the MAIN IMAGE to show: As someone else suggested, you have to:
1. locate .itunesfeature in your CSS 2. add the property z-index and set to 0
Thank you
Karlainteractive,
Love this script and have used it loads! But quick question – if you have more than four slide then the main image always cycles to the top of the column of three.
The way I would prefer it would be so that as you are clicking on the down arrow that the slide that appears as ‘main’ is the slide that has just moved off the bottom of the column. This is the way that the feature works in iTunes and makes more sense in my opinion as you are clicking down and expecting to see that image.
Any tips on which part of the code to change?jquery,
Awesome script. Is there any way to move the thumbnails below the large image and scroll right to left?navigation,
Unfortunately not.nine,
Can you size this for different sizes?picture,
Yes, using CSS .slideshow,
For some reason the alignment is off for me in Chrome, Safari, and Firefox. The only browser it aligns right is explore. I’m also have trouble with the arrow picture. Could you take a look and help me out with these issues?
http://www.oaklawnbible.org/youth/itunestest.html
Thanks for this code.smooth,
I looked at your page and it looks like you’ve worked it out.widget,
Maybe you can look again because the carrousel at the top isn’t aligned with the big picture in chrome, firefox, and safari. When it transitions it does for a second. Also when you mouse over the feature their is a broken image icon that appears over the arrow.
Yeah you are right. I missed that before. I couldn’t figure why the thumb images are pushed down. For some reason the browser thinks there is a top margin, possibly because some CSS on that page is conflicting with the script. Also it’s strange how Chrome is doing that with the arrow. The demo on CodeCanyon works just fine in all browsers.
My suggestion is for you to start with just the script on its own. Once you have that working then I suggest to add the rest of the page and hopefully you should find out what causes the weird positioning.
Thanks for taking a look and for the suggestion.
alright i pretty much have it working right but for some reason i’m still having trouble with the arrow. Any other ideas on how I can fix this?
http://www.oaklawnbible.org/youth/index3.html
I’d appreciate if you could say what the problem is?
DenonStudio-”I’d appreciate if you could say what the problem is?”
youthguyolbc (pervious posts)-”I’m also having trouble with the arrow picture.Also when you mouse over the feature there is a broken image icon that appears over the arrow.”
youthguyolbc (last post) Alright I pretty much have it working right but for some reason I’m still having trouble with the arrow. Any other ideas on how I can fix this?http://www.oaklawnbible.org/youth/index3.html
In firefox, explorer, chrome, and safari when you mouse over the feature the arrow appears and on top of the arrow there appears to be a broken image icon over it. I have the images in the right spots and I have gone over the css and everything appears to be in the right place. I was having this problem when I set up the itunesfeature all by itself with out any of my stuff. It is driving me nuts. I’m using dreamweaver.
Hey, I’m really really sorry for this confusion. I kept looking at your site using Firefox and couldn’t see the problem. It turned out that Firefox hides the error with images that have broken links for their src attribute but have also a background image. That’s why I was becoming confused. Anyway one short look at it using Chrome demonstrated the issue.
The arrow images is actually an img tag with the arrow image as its background. It however is supposed to also point to an fully transparent Gif image in its src attribute. When testing the link to the Gif image on your website, it points to http://www.oaklawnbible.org/youth/resources/nothing.gif, but this link is actually a broken link. Hence you get the weird problem with the arrow.
No worries. Thanks so much for taking the time to look at it and figure out the problem and solution. I now have it working.
Love the itunesfeature. It’s a great buy. Thanks again for the support. Nice work.
Hi There,
I am having trouble with the large images loading.
All the thumbnails are loading fine and are located in the same directory as the large pictures.
Any thoughts?
Really appreciate your help…
Cheers
Phil
Try using firebug to inspect the html and see if elements are constructed correctly. Next check out the demo that came with the script and compare yours with that one to find what’s changed.
thanks for getting back to me!
I still can’t find the problem after what you said may help!
Can you take a quick look:
http://www.eflect.co.uk/site001/portfolio.html
Thanks again
Phil
For .itunesfeature #billboardone and .itunesfeature #billboardtwo selectors change z-index : -1; to z-index: 1;
awesome! cheers buddy! works now…
Hello
Is it possible to make the thumbnails clickable to load the main image?
This is a great piece of code by the way!
It doesn’t by default. I guess you could extend the script yourself to make them respond to clicks.
great script! thank you for this.just one question.
For some reason the “down arrow” is not loading up for me (although its linked properly) and for some reason it’s also linking in the middle of all the thumbnails (if you roll over you’ll see your cursor change in the middle of the thumbnail strip)
am I doing something stupid?
http://www.barbarapurdydesign.com/site/
I’ve replied to your email.
How can we link up the thumnails to go to specific pages of the site?
Spot on, works a treat.
Thanks Keep up the good work!
Hello,I bought the module, but when I place it on my web site, it moves the whole structure. Please see here: http://www.lifeinglory.org/download/demo/index2.php?feature=mhumThe whole structure must be centered, but it is not. Please let me know where the problem might be? Thanks.Greetings
Hey, sorry for the late reply. Have you tried to work out if it’s happening because the slider? if not try removing the slider from the page to find out what is causing it.
Hello!Can you help me with the slider to go the right way!First moving up the tableSecond head shots do not showI hope you can help me
this is the page:http://www.lifeinglory.org/download/demo/index2.php?feature=mhum
Great slider. We bought it and will be using it on our homepage. Any easy way to add an up arrow (in addition to the down arrow) to allow users to scroll in both directions?
Sorry there is no easy built in way, you’ll have to try implementing it.
this is great script. thanks. What i have been trying to implement is for the titles to have a more branded look. As i need an different icon on each title, and the title to have a word in one typeface and a description in another. i tried looking into the css and found i could add the image i need in the selector. but for the addition of text in two typefaces the javascript does not let this work. Is there any way it can be implemented? it would add to this product greatly.
I would love to see this as a WordPress plugin.
Download JavaScript iTunes Site Feature CodeCanyon Free
http://www.xvcz.com/download-javascript-itunes-site-feature-codecanyon-free/
No comments:
Post a Comment