Re: Image Gallery/Scroller from Recordset
Azadi, could you explain it a little more, i need to do something similar to the scroller you have on your site! do u have an email address i can reach you at possibly?? thanks Anthony ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318516 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: Image Gallery/Scroller from Recordset
Anthony, sorry, had no Internet here for 1/2 a day... you can email me to azadi at sabai-dee dot com if you want to. i will need to see the styles you have defined for your #carshow div tag - please include those. i have also just seen your post on EE and requested the same there... Azadi Saryev Sabai-dee.com http://www.sabai-dee.com/ Anthony Doherty wrote: Azadi, could you explain it a little more, i need to do something similar to the scroller you have on your site! do u have an email address i can reach you at possibly?? thanks Anthony ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318518 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: Image Gallery/Scroller from Recordset
Hi Azadi, No Problem i just replied to your comments on EE as well! ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318525 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: Image Gallery/Scroller from Recordset
Adrian, did u have a look at the code?? ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318377 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: Image Gallery/Scroller from Recordset
i am not Adryan, but...
do you have correct css rules defined for you #carshow div?
based on your code, you should have something like this in your css:
#carshow {width:315px;height:315px;overflow:hidden;}
having fixed size of the div is important - you should define both width
AND height. 'width' should be the width of your images. the 'hight'
should, obviously, be the height of your shortest image - but you are
well advised to have all you images in the gallery of same size.
'overflow:hidden' will 'hide' any images in the div that do not fit in
the div's dimensions - so you won't see them in the page and they won't
generate any 'blank space'.
i have used jQuery Cycle plug-in with CF successfully on multiple
websites. you can check out www.phuchan.com/about-us.cfm - the slideshow
above the left-side menu is made using Cycle plug-in from a recordset
returned by cfdirectory tag.
hth
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/
Anthony Doherty wrote:
Adrian,
did u have a look at the code??
~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;207172674;29440083;f
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318378
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: Image Gallery/Scroller from Recordset
Thats exatly what im looking Azadi! all my images will be 315px in width but the height could differ depending on the images uploaded by the client. im using the slideshow to display pictures of a car. can you explain how to positioned your slideshow as well so that its always in the same place as well?? Thanks ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318379 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: Image Gallery/Scroller from Recordset
Try this:
script
function reload() {
ColdFusion.navigate('ad.cfm','ad');
}
function setup() {
setInterval(reload,2000);
}
/script
cfdiv id=ad bind=url:ad.cfm /
cfset ajaxOnLoad('setup')
Now on the post page you can setup your image stuff. Grab the first image, set
the id in session and the grab the next every time the div refreshes. Try it!
~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;207172674;29440083;f
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318431
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Image Gallery/Scroller from Recordset
Hi im trying to create an image gallery/scroller on my product information page. All the image names are stored in a recordset but i want to be able to automatically scroll through the images. i hvae tried using jQuery but i dont like that all the images are displayed as the page is loading causing the page to stretch making it look bad until it loads. what i want is to load the first image in the recordset then after 2/3 seconds load the next image in the recordset and continue doing this unitl the end, when at the end start over again and so on. ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318304 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Image Gallery/Scroller from Recordset
Get jQuery to request more images, either as needed (user will wait to see them) or in advance. Either create the images you want to get in JS with CF. script jQuery stuff var galleryImages = [image-1.jpg , image-2.jpg , image-3.jpg , image-4.jpg]; /script Or ask the server for the images you want next with an ajaxy request. I'd load the images into a JS array myelf. Adrian -Original Message- From: Anthony Doherty [mailto:a.dohe...@advancesystems.co.uk] Sent: 22 January 2009 12:27 To: cf-talk Subject: Image Gallery/Scroller from Recordset Hi im trying to create an image gallery/scroller on my product information page. All the image names are stored in a recordset but i want to be able to automatically scroll through the images. i hvae tried using jQuery but i dont like that all the images are displayed as the page is loading causing the page to stretch making it look bad until it loads. what i want is to load the first image in the recordset then after 2/3 seconds load the next image in the recordset and continue doing this unitl the end, when at the end start over again and so on. ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318305 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: Image Gallery/Scroller from Recordset
JQuery is reading the images from the recordset fine but when the page is loading, jQuery displays all the images along side each other image1.jpg image2.jpgi mage2.jpg and the user can see these images. The client has come back and says that he doesnt want the client seeing the images until the appear on the scroller. the other problem i have with jQuery is when i view it with my 19 1280X1024 screen everything looks fine, but when i view it with a 15 screen then the site looks fine but jQuery has moved where the images are being displayed and therefore covering some of the text being displayed. is there another method of doing this without jQuery?? ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318306 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
RE: Image Gallery/Scroller from Recordset
You don't have to set it up so the jQuery code loads all the images on page load. Let them load the visible ones and then on page load tell it about the others. If you want a quick fix, two ways: 1. Add a class to all the non-visible ones then remove it on page load. 2. Add the code to hide/initialise the scroller in a script block directly below the markup. This'll minimise, if not remove, the flash of images. Adrian -Original Message- From: Anthony Doherty [mailto:a.dohe...@advancesystems.co.uk] Sent: 22 January 2009 12:57 To: cf-talk Subject: Re: Image Gallery/Scroller from Recordset JQuery is reading the images from the recordset fine but when the page is loading, jQuery displays all the images along side each other image1.jpg image2.jpgi mage2.jpg and the user can see these images. The client has come back and says that he doesnt want the client seeing the images until the appear on the scroller. the other problem i have with jQuery is when i view it with my 19 1280X1024 screen everything looks fine, but when i view it with a 15 screen then the site looks fine but jQuery has moved where the images are being displayed and therefore covering some of the text being displayed. is there another method of doing this without jQuery?? ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318307 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: Image Gallery/Scroller from Recordset
Adrian, can you give me some sample code i dont really understand how to implement that. also how can i mangage where the images are being displayed?? You don't have to set it up so the jQuery code loads all the images on page load. Let them load the visible ones and then on page load tell it about the others. If you want a quick fix, two ways: 1. Add a class to all the non-visible ones then remove it on page load. 2. Add the code to hide/initialise the scroller in a script block directly below the markup. This'll minimise, if not remove, the flash of images. Adrian ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318308 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: Image Gallery/Scroller from Recordset
You show me your's and I'll show you mine! -Original Message- From: Anthony Doherty [mailto:a.dohe...@advancesystems.co.uk] Sent: 22 January 2009 13:46 To: cf-talk Subject: Re: Image Gallery/Scroller from Recordset Adrian, can you give me some sample code i dont really understand how to implement that. also how can i mangage where the images are being displayed?? You don't have to set it up so the jQuery code loads all the images on page load. Let them load the visible ones and then on page load tell it about the others. If you want a quick fix, two ways: 1. Add a class to all the non-visible ones then remove it on page load. 2. Add the code to hide/initialise the scroller in a script block directly below the markup. This'll minimise, if not remove, the flash of images. Adrian ~| Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to date Get the Free Trial http://ad.doubleclick.net/clk;207172674;29440083;f Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318309 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Re: Image Gallery/Scroller from Recordset
This is where i call the jQuery function:
script type=text/javascript
Vehiclerun = function(){
$(#carshow).cycle('fade');
};
/script
and here is where i display it:
table width=315 border=0 align=center cellpadding=0 cellspacing=0
tr
td height=234div
id=carshowcfoutput query=RS2img src=../images/vehicles/#RS2.IMAGE#
width=315 //cfoutput/div/td
/tr
/table
~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get the Free Trial
http://ad.doubleclick.net/clk;207172674;29440083;f
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:318312
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
