[jQuery] Re: slideView plugin (nav auto-selection)
Nice update. Is it possible to add some descriptive text to each image using a markup like this: liimg style=float:left src= /psome text to describe image/p/li Also, how about making the hover and active colors different. Thanks for all your efforts. -- Sapphire On Monday 25 June 2007 03:52:58 am GianCarlo Mingati wrote: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imagesl ide-plugin.html Hi all, now when you click a link, a className of current is applied (eg: if you click #6, current class is added to that link and removed from each other link in the list: the first time the gallery loads, the #1 link is assigned a current class. Obviously you're watching slide #1!) I also found very interesting this line of code wich clearly revelas the power of jQuery especially to those (like me) who are not 'programmers' with the capital P ;-) Look: jQuery(this).addClass(current).parent().parent().find(a).not(jQuery(thi s)).removeClass(current); // wow! This adds a class to a link being clicked in a list of links, and removes that class to all links but NOT the one you've clicked on!! Basically THIS line alone toggles the class name in a set of links. Cool. Next steps: Fix the preload in IE7 Pass time and easing function via classname in the original markup (before jQuery runs). Something like: div id=mygallery-in-post18.12.2004 class=bounceinout 1700 !--list of images-- /div GC Rick Faircloth ha scritto: Looks great, GC! One question (or suggestion)... Could the numbers representing the photos be changed to tiny thumbnails so there would be visual reference? Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Saturday, June 23, 2007 10:59 AM To: jQuery (English) Subject: [jQuery] Re: ANNOUCE: slideView plugin released Hi, http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/image sli de-plugin.html the plugin it's ready with some new pictures and a bt of 'documentation' I suggest to use it with small galleris in a post until i've fixed the 'preload' with iE7. GC On Jun 21, 5:42 pm, Rey Bango [EMAIL PROTECTED] wrote: Ok. Its working now. The image stacking issue I reported earlier is there but the slider now renders correctly. In terms of the images displaying first, I'm wondering if you could initially place the images within a hidden div and then load them into the slider. There was also discussion on here about preloading images. I wonder if that might help. Rey... GianCarloMingati wrote: Rey, r u sure?? Hit F5. GC On Jun 21, 5:03 pm, Rey Bango [EMAIL PROTECTED] wrote: Its not working any longer. When I hit the page, it just displays all of the images. I don't see any JS errors being reported. Rey GianCarloMingati wrote: Hi it is something i noticed too but i don't know how to fix. IE7 and FF/Opera have different ways to behave on DOM ready AND document LOAD. i don't know how to fix it. GC anybody? On Jun 21, 4:26 pm, Rey Bango [EMAIL PROTECTED] wrote: Something that caught my eye when testing it in IE7 is that all of the images initially appear sequentially on the page and then the page gets reformatted into the SlideViewer. Its hard to explain it but I've taken a screen cap of it and attached it to this email. FireFox works fine. Rey... GianCarloMingati wrote: Hi all. After a bit of trials i ended up with this plugin. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/ i.. . Basically it is possible, into any page (blog), to insert an unordered List of images inside a DIV such as div id=myinstantgallery ul liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200523419-001.jpg //li liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200527363-001.jpg //li liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200473460-001.jpg //li !--ecctera-- /ul /div and slideView will add another list for commanding the image slide. pretty easy and lightweight. Note: I am a total newbye so this is my very first plugin! Enjoy! GC -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com slideview.jpg 45KViewDownload -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com
[jQuery] Re: slideView plugin (nav auto-selection)
Hi, it would be possible but i'd like to keep slideViewer very simple to setup and use. Adding new tags and content to each LI element would add time to setup the gallery, instead the idea behind slideviewer is: write a list of images, add a 1(one) line script, refresh the page ;-) The html should always remain as basic as: liimg src=imgsource alt=some text to describe the image /li P.S: I added a title tag to every link and that value is grabbed from every alt tag in the list of images. That is not exactly what you wanted but in some way similar ?! ... GC On Jun 25, 4:05 pm, Sapphire [EMAIL PROTECTED] wrote: Nice update. Is it possible to add some descriptive text to each image using a markup like this: liimg style=float:left src= /psome text to describe image/p/li Also, how about making the hover and active colors different. Thanks for all your efforts. -- Sapphire On Monday 25 June 2007 03:52:58 am GianCarlo Mingati wrote: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... ide-plugin.html Hi all, now when you click a link, a className of current is applied (eg: if you click #6, current class is added to that link and removed from each other link in the list: the first time the gallery loads, the #1 link is assigned a current class. Obviously you're watching slide #1!) I also found very interesting this line of code wich clearly revelas the power of jQuery especially to those (like me) who are not 'programmers' with the capital P ;-) Look: jQuery(this).addClass(current).parent().parent().find(a).not(jQuery(thi s)).removeClass(current); // wow! This adds a class to a link being clicked in a list of links, and removes that class to all links but NOT the one you've clicked on!! Basically THIS line alone toggles the class name in a set of links. Cool. Next steps: Fix the preload in IE7 Pass time and easing function via classname in the original markup (before jQuery runs). Something like: div id=mygallery-in-post18.12.2004 class=bounceinout 1700 !--list of images-- /div GC Rick Faircloth ha scritto: Looks great, GC! One question (or suggestion)... Could the numbers representing the photos be changed to tiny thumbnails so there would be visual reference? Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Saturday, June 23, 2007 10:59 AM To: jQuery (English) Subject: [jQuery] Re: ANNOUCE: slideView plugin released Hi, http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... sli de-plugin.html the plugin it's ready with some new pictures and a bt of 'documentation' I suggest to use it with small galleris in a post until i've fixed the 'preload' with iE7. GC On Jun 21, 5:42 pm, Rey Bango [EMAIL PROTECTED] wrote: Ok. Its working now. The image stacking issue I reported earlier is there but the slider now renders correctly. In terms of the images displaying first, I'm wondering if you could initially place the images within a hidden div and then load them into the slider. There was also discussion on here about preloading images. I wonder if that might help. Rey... GianCarloMingati wrote: Rey, r u sure?? Hit F5. GC On Jun 21, 5:03 pm, Rey Bango [EMAIL PROTECTED] wrote: Its not working any longer. When I hit the page, it just displays all of the images. I don't see any JS errors being reported. Rey GianCarloMingati wrote: Hi it is something i noticed too but i don't know how to fix. IE7 and FF/Opera have different ways to behave on DOM ready AND document LOAD. i don't know how to fix it. GC anybody? On Jun 21, 4:26 pm, Rey Bango [EMAIL PROTECTED] wrote: Something that caught my eye when testing it in IE7 is that all of the images initially appear sequentially on the page and then the page gets reformatted into the SlideViewer. Its hard to explain it but I've taken a screen cap of it and attached it to this email. FireFox works fine. Rey... GianCarloMingati wrote: Hi all. After a bit of trials i ended up with this plugin. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/ i.. . Basically it is possible, into any page (blog), to insert an unordered List of images inside a DIV such as div id=myinstantgallery ul liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200523419-001.jpg //li liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200527363-001.jpg //li liimg alt=abc defrg thysu ooip jkifbtg fff src=ts/ 200473460-001.jpg //li !--ecctera-- /ul /div and slideView will add another list for commanding the image slide.
[jQuery] Re: slideView plugin (nav auto-selection)
http://interface.eyecon.ro/demos/slideshow.html#5slideShow1 This is what I am searching... On 25 jun, 18:33, johan_vm [EMAIL PROTECTED] wrote: Hi, This plugin is very nice. But I have one question/request: Could it be even simpler? I'd like to use standard jQuery effects when transitioning between images: (http://docs.jquery.com/Effects). Is it possible to let 2 images fade into eachother, instead of the sliding effect? regards, and thank you for this plugin, Johan On 25 jun, 17:04, GianCarlo Mingati [EMAIL PROTECTED] wrote: Hi, it would be possible but i'd like to keep slideViewer very simple to setup and use. Adding new tags and content to each LI element would add time to setup the gallery, instead the idea behind slideviewer is: write a list of images, add a 1(one) line script, refresh the page ;-) The html should always remain as basic as: liimg src=imgsource alt=some text to describe the image /li P.S: I added a title tag to every link and that value is grabbed from every alt tag in the list of images. That is not exactly what you wanted but in some way similar ?! ... GC On Jun 25, 4:05 pm, Sapphire [EMAIL PROTECTED] wrote: Nice update. Is it possible to add some descriptive text to each image using a markup like this: liimg style=float:left src= /psome text to describe image/p/li Also, how about making the hover and active colors different. Thanks for all your efforts. -- Sapphire On Monday 25 June 2007 03:52:58 am GianCarlo Mingati wrote: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... ide-plugin.html Hi all, now when you click a link, a className of current is applied (eg: if you click #6, current class is added to that link and removed from each other link in the list: the first time the gallery loads, the #1 link is assigned a current class. Obviously you're watching slide #1!) I also found very interesting this line of code wich clearly revelas the power of jQuery especially to those (like me) who are not 'programmers' with the capital P ;-) Look: jQuery(this).addClass(current).parent().parent().find(a).not(jQuery(thi s)).removeClass(current); // wow! This adds a class to a link being clicked in a list of links, and removes that class to all links but NOT the one you've clicked on!! Basically THIS line alone toggles the class name in a set of links. Cool. Next steps: Fix the preload in IE7 Pass time and easing function via classname in the original markup (before jQuery runs). Something like: div id=mygallery-in-post18.12.2004 class=bounceinout 1700 !--list of images-- /div GC Rick Faircloth ha scritto: Looks great, GC! One question (or suggestion)... Could the numbers representing the photos be changed to tiny thumbnails so there would be visual reference? Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Saturday, June 23, 2007 10:59 AM To: jQuery (English) Subject: [jQuery] Re: ANNOUCE: slideView plugin released Hi, http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... sli de-plugin.html the plugin it's ready with some new pictures and a bt of 'documentation' I suggest to use it with small galleris in a post until i've fixed the 'preload' with iE7. GC On Jun 21, 5:42 pm, Rey Bango [EMAIL PROTECTED] wrote: Ok. Its working now. The image stacking issue I reported earlier is there but the slider now renders correctly. In terms of the images displaying first, I'm wondering if you could initially place the images within a hidden div and then load them into the slider. There was also discussion on here about preloading images. I wonder if that might help. Rey... GianCarloMingati wrote: Rey, r u sure?? Hit F5. GC On Jun 21, 5:03 pm, Rey Bango [EMAIL PROTECTED] wrote: Its not working any longer. When I hit the page, it just displays all of the images. I don't see any JS errors being reported. Rey GianCarloMingati wrote: Hi it is something i noticed too but i don't know how to fix. IE7 and FF/Opera have different ways to behave on DOM ready AND document LOAD. i don't know how to fix it. GC anybody? On Jun 21, 4:26 pm, Rey Bango [EMAIL PROTECTED] wrote: Something that caught my eye when testing it in IE7 is that all of the images initially appear sequentially on the page and then the page gets reformatted into the SlideViewer. Its hard to explain it but I've taken a screen cap of it and attached it to this email. FireFox
[jQuery] Re: slideView plugin (nav auto-selection)
Hi, This plugin is very nice. But I have one question/request: Could it be even simpler? I'd like to use standard jQuery effects when transitioning between images: (http://docs.jquery.com/Effects). Is it possible to let 2 images fade into eachother, instead of the sliding effect? regards, and thank you for this plugin, Johan On 25 jun, 17:04, GianCarlo Mingati [EMAIL PROTECTED] wrote: Hi, it would be possible but i'd like to keep slideViewer very simple to setup and use. Adding new tags and content to each LI element would add time to setup the gallery, instead the idea behind slideviewer is: write a list of images, add a 1(one) line script, refresh the page ;-) The html should always remain as basic as: liimg src=imgsource alt=some text to describe the image /li P.S: I added a title tag to every link and that value is grabbed from every alt tag in the list of images. That is not exactly what you wanted but in some way similar ?! ... GC On Jun 25, 4:05 pm, Sapphire [EMAIL PROTECTED] wrote: Nice update. Is it possible to add some descriptive text to each image using a markup like this: liimg style=float:left src= /psome text to describe image/p/li Also, how about making the hover and active colors different. Thanks for all your efforts. -- Sapphire On Monday 25 June 2007 03:52:58 am GianCarlo Mingati wrote: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... ide-plugin.html Hi all, now when you click a link, a className of current is applied (eg: if you click #6, current class is added to that link and removed from each other link in the list: the first time the gallery loads, the #1 link is assigned a current class. Obviously you're watching slide #1!) I also found very interesting this line of code wich clearly revelas the power of jQuery especially to those (like me) who are not 'programmers' with the capital P ;-) Look: jQuery(this).addClass(current).parent().parent().find(a).not(jQuery(thi s)).removeClass(current); // wow! This adds a class to a link being clicked in a list of links, and removes that class to all links but NOT the one you've clicked on!! Basically THIS line alone toggles the class name in a set of links. Cool. Next steps: Fix the preload in IE7 Pass time and easing function via classname in the original markup (before jQuery runs). Something like: div id=mygallery-in-post18.12.2004 class=bounceinout 1700 !--list of images-- /div GC Rick Faircloth ha scritto: Looks great, GC! One question (or suggestion)... Could the numbers representing the photos be changed to tiny thumbnails so there would be visual reference? Rick -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Saturday, June 23, 2007 10:59 AM To: jQuery (English) Subject: [jQuery] Re: ANNOUCE: slideView plugin released Hi, http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... sli de-plugin.html the plugin it's ready with some new pictures and a bt of 'documentation' I suggest to use it with small galleris in a post until i've fixed the 'preload' with iE7. GC On Jun 21, 5:42 pm, Rey Bango [EMAIL PROTECTED] wrote: Ok. Its working now. The image stacking issue I reported earlier is there but the slider now renders correctly. In terms of the images displaying first, I'm wondering if you could initially place the images within a hidden div and then load them into the slider. There was also discussion on here about preloading images. I wonder if that might help. Rey... GianCarloMingati wrote: Rey, r u sure?? Hit F5. GC On Jun 21, 5:03 pm, Rey Bango [EMAIL PROTECTED] wrote: Its not working any longer. When I hit the page, it just displays all of the images. I don't see any JS errors being reported. Rey GianCarloMingati wrote: Hi it is something i noticed too but i don't know how to fix. IE7 and FF/Opera have different ways to behave on DOM ready AND document LOAD. i don't know how to fix it. GC anybody? On Jun 21, 4:26 pm, Rey Bango [EMAIL PROTECTED] wrote: Something that caught my eye when testing it in IE7 is that all of the images initially appear sequentially on the page and then the page gets reformatted into the SlideViewer. Its hard to explain it but I've taken a screen cap of it and attached it to this email. FireFox works fine. Rey... GianCarloMingati wrote: Hi all. After a bit of trials i ended up with this plugin. http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/ i.. . Basically it is possible, into any page (blog), to insert an
