Re: [WSG] Javascript image rotator
I guess I thought the original poster wanted something more for a simple banner vs an actual gallery script. You're right. I didn't go back far enough in the thread. Sorry. You are all right, thanks for your replies everyone. Sorry, I've been away from the machine for a few days, but I did get it sorted before I left. Thanks again. Paul On 13/07/07, Al Sparber [EMAIL PROTECTED] wrote: From: Micky Hulse [EMAIL PROTECTED] I guess I thought the original poster wanted something more for a simple banner vs an actual gallery script. You're right. I didn't go back far enough in the thread. Sorry. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
I m Sorry!you must be patient,I m ocupation ,I m learngin nowGod bless you!! Solange 2007/7/13, Micky Hulse [EMAIL PROTECTED]: For my last project I used this: http://www.electricprism.com/aeron/slideshow/ You can simplify it down to fading transitions with random image display. It will display a placeholder image of your choosing if JS is not available. I have yet to find an equivalent JS slideshow. Uses mootools. I am not the biggest fan of the mootools documentation and/or forum support, but it is pretty lieghtweight js framework. The Slideshow itself is pretty good from a JS perspective... I mean, I do think it could be a little more decoupled from the CSS/HTML, but overall I think it is well written. Good luck! Cheers, Micky -- Wishlists: http://snipurl.com/1gqpj Switch: http://browsehappy.com/ BCC?: http://snipurl.com/w6f8 My: http://del.icio.us/mhulse *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
From: Micky Hulse [EMAIL PROTECTED] For my last project I used this: http://www.electricprism.com/aeron/slideshow/ You can simplify it down to fading transitions with random image display. It will display a placeholder image of your choosing if JS is not available. I have yet to find an equivalent JS slideshow. Uses mootools. I am not the biggest fan of the mootools documentation and/or forum support, but it is pretty lieghtweight js framework. The Slideshow itself is pretty good from a JS perspective... I mean, I do think it could be a little more decoupled from the CSS/HTML, but overall I think it is well written. The animations are cool but if one optimizes images for the web then there's not much to work with and you're back to a cross-fade. All the animations are jittery in Firefox, which is normal, and there does not seem to be a fallback if script is disabled to at least be able to link to all of the images. I'm obviously a bit prejudiced, but I kind of think this one is more usable: http://www.projectseven.com/products/galleries/ssm/ssm_03.htm It's not free, though... but it is totally automated for Adobe Studio users. -- Al Sparber - PVII http://www.projectseven.com Extending Dreamweaver - Nav Systems | Galleries | Widgets Authors: 42nd Street: Mastering the Art of CSS Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
Im sorry ocupation,lll be right back ,you must be patient! solange 2007/7/12, Paul Collins [EMAIL PROTECTED]: Hi all, I thought this would be an easy one to Google, but yet I find myself here again asking your professional opinions :) Trying to find a script for random image rotation on a website. Meaning the images would rotate every 5 seconds or so automatically, without the need for a refresh. The only requirements would be: - A fade effect between the rotating images. - A fall back so users without javascript will still get a single image. Any links would be greatly appreciated. Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
Tomorrow see you!! bye solange 2007/7/13, Al Sparber [EMAIL PROTECTED]: From: Micky Hulse [EMAIL PROTECTED] For my last project I used this: http://www.electricprism.com/aeron/slideshow/ You can simplify it down to fading transitions with random image display. It will display a placeholder image of your choosing if JS is not available. I have yet to find an equivalent JS slideshow. Uses mootools. I am not the biggest fan of the mootools documentation and/or forum support, but it is pretty lieghtweight js framework. The Slideshow itself is pretty good from a JS perspective... I mean, I do think it could be a little more decoupled from the CSS/HTML, but overall I think it is well written. The animations are cool but if one optimizes images for the web then there's not much to work with and you're back to a cross-fade. All the animations are jittery in Firefox, which is normal, and there does not seem to be a fallback if script is disabled to at least be able to link to all of the images. I'm obviously a bit prejudiced, but I kind of think this one is more usable: http://www.projectseven.com/products/galleries/ssm/ssm_03.htm It's not free, though... but it is totally automated for Adobe Studio users. -- Al Sparber - PVII http://www.projectseven.com Extending Dreamweaver - Nav Systems | Galleries | Widgets Authors: 42nd Street: Mastering the Art of CSS Design *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
Al Sparber wrote: The animations are cool but if one optimizes images for the web then there's not much to work with and you're back to a cross-fade. All the animations are jittery in Firefox, which is normal, and there does not seem to be a fallback if script is disabled to at least be able to link to all of the images. I'm obviously a bit prejudiced, but I kind of think this one is more usable: Yeah, I did not mean to make it sound like it was the best thing out there, but it really worked well for my last project (I did not have time to write something from scratch.) I personally do not like all the funky animations included... Simple fades is all I will ever probably need. I like simple... Fortunately, so did my client. I guess it depends on your project requirements... A simple image placeholder is all I usually need if JS is turned off or whatever. But I do like the thought of linking to a gallery of images. Also, FF/XP is pretty smooth for me. But then again, I dislike pretty much all but the fading transitions. http://www.projectseven.com/products/galleries/ssm/ssm_03.htm That looks nice. Very good work. :) I will have to add this to my delicious bookmarks. Only thing I could see as being a problem for me is all the extras. In fact, the script I pointed to in my last post has this problem too: Too much extras. Coming back to what I originally said above, I like simple. I am sure you allow for users to turn off all the buttons and counters and gallery menus and such, but then that makes the code that much more bloated. I would love to see a JS fading image slideshow rotator that was highly decoupled from the CSS/HTML (unobtrusive), and that was modular... For example, instead of just setting a variable to no or false one would be able to remove the code/method from the script if not needed (vs. having the non-used functions sitting around collecting dust.) Modular JS for those of us that feel comfortable tweaking that type of thing. It's not free, though... but it is totally automated for Adobe Studio users. Looks nice though. I guess I thought the original poster wanted something more for a simple banner vs an actual gallery script. But for a gallery application, this definitely looks worth the $$. Have a great day/night. Cheers, Micky -- Wishlists: http://snipurl.com/1gqpj Switch: http://browsehappy.com/ BCC?: http://snipurl.com/w6f8 My: http://del.icio.us/mhulse *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
From: Micky Hulse [EMAIL PROTECTED] I guess I thought the original poster wanted something more for a simple banner vs an actual gallery script. You're right. I didn't go back far enough in the thread. Sorry. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Javascript image rotator
Hi all, I thought this would be an easy one to Google, but yet I find myself here again asking your professional opinions :) Trying to find a script for random image rotation on a website. Meaning the images would rotate every 5 seconds or so automatically, without the need for a refresh. The only requirements would be: - A fade effect between the rotating images. - A fall back so users without javascript will still get a single image. Any links would be greatly appreciated. Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
swifr offers cute image modifying effects (including rotation) using Flash, and degrades gracefully. http://www.swfir.com/ However it can't do the other things you're asking for by itself. The problem is really the image rotating - everything else could be done with lightweight javascript but actually modifying an image is a bit beyond its reach and as such that puts you in the Flash object department. Regards, Barney Paul Collins wrote: Hi all, I thought this would be an easy one to Google, but yet I find myself here again asking your professional opinions :) Trying to find a script for random image rotation on a website. Meaning the images would rotate every 5 seconds or so automatically, without the need for a refresh. The only requirements would be: - A fade effect between the rotating images. - A fall back so users without javascript will still get a single image. Any links would be greatly appreciated. Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
Thanks for your reply Barney Hmm, I have seen a few examples of people using Jscript only to do it. I don't need to modify the image, just reload a new one every five seconds or so. I can find scripts to do this, just need the fade bit I guess. Apparently, I can't use Flash for this. Cheers Paul On 12/07/07, Barney Carroll [EMAIL PROTECTED] wrote: swifr offers cute image modifying effects (including rotation) using Flash, and degrades gracefully. http://www.swfir.com/ However it can't do the other things you're asking for by itself. The problem is really the image rotating - everything else could be done with lightweight javascript but actually modifying an image is a bit beyond its reach and as such that puts you in the Flash object department. Regards, Barney Paul Collins wrote: Hi all, I thought this would be an easy one to Google, but yet I find myself here again asking your professional opinions :) Trying to find a script for random image rotation on a website. Meaning the images would rotate every 5 seconds or so automatically, without the need for a refresh. The only requirements would be: - A fade effect between the rotating images. - A fall back so users without javascript will still get a single image. Any links would be greatly appreciated. Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Javascript image rotator
I did one for a client of mine. Feel free to take a look... http://thepaperchain.co.uk/ Not sure where I found the code but it is excellent and without JS on, it shows an image. !*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*! Chris Ed successfully ran the 2007 Edinburgh Marathon for the Meningitis Research Foundation We are still looking for sponsors! Our Progress: http://wmwmarathon.com/ Sponsor Us: http://justgiving.com/wmwmarathon !*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*! Regards Ed Henderson Web Man Walking - web design usability experts t: 0131 669 8800 m: 0781 253 6964 f: 0797 062 1532 e: [EMAIL PROTECTED] w: web-man-walking.com a: 48 Eastfield, Edinburgh, EH15 2PN skype: webmanwalking msn: [EMAIL PROTECTED] New technology, old fashioned service -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Collins Sent: 12 July 2007 12:45 To: wsg@webstandardsgroup.org Subject: [WSG] Javascript image rotator Hi all, I thought this would be an easy one to Google, but yet I find myself here again asking your professional opinions :) Trying to find a script for random image rotation on a website. Meaning the images would rotate every 5 seconds or so automatically, without the need for a refresh. The only requirements would be: - A fade effect between the rotating images. - A fall back so users without javascript will still get a single image. Any links would be greatly appreciated. Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript image rotator
Hey thanks for your help Ed, Got that working now, all looks good. Does work with Javascript turned off, but only if you put the original image in a NOSCRIPT tag. Certainly works well, so thanks for all your help. I found the original here BTW: http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm Thanks again Paul On 12/07/07, Web Man Walking [EMAIL PROTECTED] wrote: I did one for a client of mine. Feel free to take a look... http://thepaperchain.co.uk/ Not sure where I found the code but it is excellent and without JS on, it shows an image. !*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*! Chris Ed successfully ran the 2007 Edinburgh Marathon for the Meningitis Research Foundation We are still looking for sponsors! Our Progress: http://wmwmarathon.com/ Sponsor Us: http://justgiving.com/wmwmarathon !*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*! Regards Ed Henderson Web Man Walking - web design usability experts t: 0131 669 8800 m: 0781 253 6964 f: 0797 062 1532 e: [EMAIL PROTECTED] w: web-man-walking.com a: 48 Eastfield, Edinburgh, EH15 2PN skype: webmanwalking msn: [EMAIL PROTECTED] New technology, old fashioned service -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Collins Sent: 12 July 2007 12:45 To: wsg@webstandardsgroup.org Subject: [WSG] Javascript image rotator Hi all, I thought this would be an easy one to Google, but yet I find myself here again asking your professional opinions :) Trying to find a script for random image rotation on a website. Meaning the images would rotate every 5 seconds or so automatically, without the need for a refresh. The only requirements would be: - A fade effect between the rotating images. - A fall back so users without javascript will still get a single image. Any links would be greatly appreciated. Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Javascript image rotator
Hi Paul
Hmm, I have seen a few examples of people using Jscript only to do it.
I don't need to modify the image, just reload a new one every five
seconds or so. I can find scripts to do this, just need the fade bit I
guess.
Apparently, I can't use Flash for this.
I recently used jquery [1] for this, and a plug in called innerfade [2],
at http://reviews.somuchworld.com
Innerfade iterates through a list of items. For browsers with javascript
off, quick fix for me was to set all but the first item's visibility to
hidden. A nicer fix might be to pull the additional items through via
ajax.
Once jquery and innerfade were in place, this is the additional javascript
I wrote:
/**
* Attach to #random_town, and fade in towns
*/
$(document).ready(function () {
$('#random_town .town').css('display', 'block');
$('#random_town').innerfade({ speed: 4000, timeout: 6000, type:
'sequence', containerheight: 'auto' });
});
[1] http://jquery
[2] http://medienfreunde.com/lab/innerfade/
PS. The somuchworld site is a work in progress, albeit live.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Javascript image rotator
For my last project I used this: http://www.electricprism.com/aeron/slideshow/ You can simplify it down to fading transitions with random image display. It will display a placeholder image of your choosing if JS is not available. I have yet to find an equivalent JS slideshow. Uses mootools. I am not the biggest fan of the mootools documentation and/or forum support, but it is pretty lieghtweight js framework. The Slideshow itself is pretty good from a JS perspective... I mean, I do think it could be a little more decoupled from the CSS/HTML, but overall I think it is well written. Good luck! Cheers, Micky -- Wishlists: http://snipurl.com/1gqpj Switch: http://browsehappy.com/ BCC?: http://snipurl.com/w6f8 My: http://del.icio.us/mhulse *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Javascript image rotator
Oops, seems I sent the msg too soon, and someone already recommended the same site. Another thought, instead of searching image rotator, have you searched for slideshows? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Collins Sent: Thursday, July 12, 2007 7:45 AM To: wsg@webstandardsgroup.org Subject: [WSG] Javascript image rotator Hi all, I thought this would be an easy one to Google, but yet I find myself here again asking your professional opinions :) Trying to find a script for random image rotation on a website. Meaning the images would rotate every 5 seconds or so automatically, without the need for a refresh. The only requirements would be: - A fade effect between the rotating images. - A fall back so users without javascript will still get a single image. Any links would be greatly appreciated. Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Javascript image rotator
On this jQuery examples page is a something similar to what you want, using the jQuery library and unordered list with links. I guess if you enclose the script within a condition like if javascript=true that would take care of folks that disable javascript. I'm not a javascript programmer, however, but you might be able to figure something out. http://medienfreunde.com/lab/innerfade/ ByteDreams -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Collins Sent: Thursday, July 12, 2007 7:45 AM To: wsg@webstandardsgroup.org Subject: [WSG] Javascript image rotator Hi all, I thought this would be an easy one to Google, but yet I find myself here again asking your professional opinions :) Trying to find a script for random image rotation on a website. Meaning the images would rotate every 5 seconds or so automatically, without the need for a refresh. The only requirements would be: - A fade effect between the rotating images. - A fall back so users without javascript will still get a single image. Any links would be greatly appreciated. Cheers Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
