Comments on: Build an Auto-Scrolling Slideshow That Works With and Without JavaScript http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/ Web Development & Design Tutorials Sat, 21 Nov 2009 22:51:56 -0800 http://wordpress.org/?v=2.8.4 hourly 1 By: Joe http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-132888 Joe Tue, 17 Nov 2009 19:39:40 +0000 http://net.tutsplus.com/?p=4915#comment-132888 First off, thanks so much for supplying the info and code for this application! Quick question, how customizable is it? Would it be possible to switch the orientation of the layout so it displayed vertically? Basically, what I would like to do with it is have the links on the right side and have the information display to the left of the links. Similar to the main news section here: http://ca.msn.com/ at the top left under the nav bar, but have the links on the right and the info on the left. Would it just require some tweaks to the css or is this not possible? First off, thanks so much for supplying the info and code for this application! Quick question, how customizable is it? Would it be possible to switch the orientation of the layout so it displayed vertically?

Basically, what I would like to do with it is have the links on the right side and have the information display to the left of the links. Similar to the main news section here: http://ca.msn.com/ at the top left under the nav bar, but have the links on the right and the info on the left.

Would it just require some tweaks to the css or is this not possible?

]]> By: David Moreen http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-129801 David Moreen Thu, 12 Nov 2009 13:45:59 +0000 http://net.tutsplus.com/?p=4915#comment-129801 Jenna, thank you for this great tutorial. One thing that every designer needs to bare in mind while making a project with javascript is that everyone will not have javascript turned on, so the site still needs to function well. Something similar to this will be included in every website that I construct from now on. Jenna, thank you for this great tutorial. One thing that every designer needs to bare in mind while making a project with javascript is that everyone will not have javascript turned on, so the site still needs to function well. Something similar to this will be included in every website that I construct from now on.

]]> By: Petsen http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-129265 Petsen Tue, 10 Nov 2009 22:05:29 +0000 http://net.tutsplus.com/?p=4915#comment-129265 nvm... a simple typo can ruin your day... :) nvm… a simple typo can ruin your day… :)

]]> By: gp sidhu http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-127344 gp sidhu Thu, 05 Nov 2009 00:54:54 +0000 http://net.tutsplus.com/?p=4915#comment-127344 hi mam thanks for this wonderful tututorial now what i am trying to do is integrating this in another web page but when i test on the local server it works fine but does not work when uploaded to the server please help!!! hi mam thanks for this wonderful tututorial
now what i am trying to do is integrating this in another web page but when i test on the local server it works fine but does not work when uploaded to the server
please help!!!

]]> By: Mana http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-124789 Mana Wed, 28 Oct 2009 21:13:27 +0000 http://net.tutsplus.com/?p=4915#comment-124789 It's working perfectly! Thanks Elli! :) It’s working perfectly! Thanks Elli! :)

]]> By: Petsen http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-124167 Petsen Mon, 26 Oct 2009 23:46:57 +0000 http://net.tutsplus.com/?p=4915#comment-124167 hm... seems like it doesn't like PHP files... the source files work just fine on FF3.5 but the same content inside a PHP file doesn't.. weird. P.S. Very nice tutorial! hm… seems like it doesn’t like PHP files… the source files work just fine on FF3.5 but the same content inside a PHP file doesn’t.. weird.

P.S.
Very nice tutorial!

]]> By: Marcel http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-123366 Marcel Sat, 24 Oct 2009 19:01:08 +0000 http://net.tutsplus.com/?p=4915#comment-123366 FYI, to make my navigation show up, I had to copy and paste the non-minified version of Cycle from the demo page: http://nettuts.s3.amazonaws.com/325_tabbed/demo/js/jquery.cycle.js Might want to clarify this under Step 4? FYI, to make my navigation show up, I had to copy and paste the non-minified version of Cycle from the demo page: http://nettuts.s3.amazonaws.com/325_tabbed/demo/js/jquery.cycle.js

Might want to clarify this under Step 4?

]]> By: shashank http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-117868 shashank Mon, 12 Oct 2009 21:28:22 +0000 http://net.tutsplus.com/?p=4915#comment-117868 u need to check the document.ready() function u need to check the document.ready() function

]]> By: Joe http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-117466 Joe Sun, 11 Oct 2009 17:14:35 +0000 http://net.tutsplus.com/?p=4915#comment-117466 I love the smooth transitions. I love the smooth transitions.

]]> By: Jason http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/#comment-113519 Jason Wed, 30 Sep 2009 14:57:48 +0000 http://net.tutsplus.com/?p=4915#comment-113519 For a partial fix to make the scrolling function in Opera without JavaScript, add this Opera filter to your CSS: @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #slideshow .slides {overflow-x:scroll;} } This will allow Opera users to still access the slides without JavaScript. Unfortunately, it adds an ugly scrollbar, but depending on your design, this could be hidden by layering an element over the scrollbar. For a partial fix to make the scrolling function in Opera without JavaScript, add this Opera filter to your CSS:
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
#slideshow .slides {overflow-x:scroll;}
}

This will allow Opera users to still access the slides without JavaScript. Unfortunately, it adds an ugly scrollbar, but depending on your design, this could be hidden by layering an element over the scrollbar.

]]>