What is the best way to display images in a listing?
5 posts by 3 authors in: Forums > CMS Builder
Last Post: January 6, 2012 (RSS)
By (Deleted User) - December 25, 2011
Happy Holidays,
What is the best way to display images in a listing? I have a travel related site with listings for hotels, restaurants, etc. Each listing has approx 5 images. I need a simple way to display “Thumbnails” of all images and when clicked, it should open like an album. I can’t find any information in the support documentation except for on how to install and use ImageSliePro. How about Lightbox? Are there any tutorials or documentation on this issue?
What is the best way to display images in a listing? I have a travel related site with listings for hotels, restaurants, etc. Each listing has approx 5 images. I need a simple way to display “Thumbnails” of all images and when clicked, it should open like an album. I can’t find any information in the support documentation except for on how to install and use ImageSliePro. How about Lightbox? Are there any tutorials or documentation on this issue?
Re: [RapidWeb] What is the best way to display images in a listing?
Hi RapidWeb
An excellent reference is the "CMSB Cookbook" or the posts on this forum.
CMSB Cookbook: http://www.thecmsbcookbook.com
Happy Holiday!
An excellent reference is the "CMSB Cookbook" or the posts on this forum.
CMSB Cookbook: http://www.thecmsbcookbook.com
Happy Holiday!
--
northernpenguin
Northern Penguin Technologies
"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke
northernpenguin
Northern Penguin Technologies
"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke
Re: [northernpenguin] What is the best way to display images in a listing?
By (Deleted User) - December 26, 2011
[font "Times New Roman"]I had purchased your CMS Cookbook in the past. What I would like now is information on how to integrate Lightbox with CMS.[/#000000]
[font "Times New Roman"]I saw an example here from Donna in the Interactive Tool newsletter issue 73, Feb 12, 2008 where she made a sample web site for Dad:[/#000000]
[url "http://www.interactivetools.com/news/issue0073.php#2"][font "Times New Roman"]http://www.interactivetools.com/news/issue0073.php#2[/#0000ff][/url]
[font "Times New Roman"] [/#000000]
[font "Times New Roman"]I really want exactly that effect:[/#000000]
[url "http://www.skiinskioutwhistler.ca/"][font "Times New Roman"]http://www.skiinskioutwhistler.ca/[/#800080][/url]
[font "Times New Roman"] [/#000000]
[font "Times New Roman"]I want to do the exact same thing. Have 5 images display in a row (I will limit the number of uploads to 5 in the editor) and then have them pop up in a gallery when one is clicked.[/#000000]
[font "Times New Roman"] [/#000000]
[font "Times New Roman"]How to I get Lightbox to work with my CMS Builder site?[/#000000]
[font "Times New Roman"]Do I have to download Lightbox first to my server?[/#000000]
[font "Times New Roman"]Where do I get the Lightbox program (link to program)?[/#000000]
[font "Times New Roman"]Where do I place it on my server?[/#000000]
[font "Times New Roman"]I saw an example here from Donna in the Interactive Tool newsletter issue 73, Feb 12, 2008 where she made a sample web site for Dad:[/#000000]
[url "http://www.interactivetools.com/news/issue0073.php#2"][font "Times New Roman"]http://www.interactivetools.com/news/issue0073.php#2[/#0000ff][/url]
[font "Times New Roman"] [/#000000]
[font "Times New Roman"]I really want exactly that effect:[/#000000]
[url "http://www.skiinskioutwhistler.ca/"][font "Times New Roman"]http://www.skiinskioutwhistler.ca/[/#800080][/url]
[font "Times New Roman"] [/#000000]
[font "Times New Roman"]I want to do the exact same thing. Have 5 images display in a row (I will limit the number of uploads to 5 in the editor) and then have them pop up in a gallery when one is clicked.[/#000000]
[font "Times New Roman"] [/#000000]
[font "Times New Roman"]How to I get Lightbox to work with my CMS Builder site?[/#000000]
[font "Times New Roman"]Do I have to download Lightbox first to my server?[/#000000]
[font "Times New Roman"]Where do I get the Lightbox program (link to program)?[/#000000]
[font "Times New Roman"]Where do I place it on my server?[/#000000]
Re: [RapidWeb] What is the best way to display images in a listing?
I suggest you start with the CMSB Cookbook, specifically the section on 3rd Part Integration. It describes how to integrate Lightbox or Milkbox with CMCB.
You can also view the code for the site you provided. That should get you going,
You can find Lightbox 2 here http://www.huddletogether.com/projects/lightbox2/
Get it working first without CMSB. Once its working, then replace the specific image references with your php code from CMSB.
You can also view the code for the site you provided. That should get you going,
You can find Lightbox 2 here http://www.huddletogether.com/projects/lightbox2/
Get it working first without CMSB. Once its working, then replace the specific image references with your php code from CMSB.
--
northernpenguin
Northern Penguin Technologies
"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke
northernpenguin
Northern Penguin Technologies
"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke
Re: [northernpenguin] What is the best way to display images in a listing?
By InHouse - January 6, 2012
CMSB works well with several lightboxes we've used over the years. Apart from the explicit guidelines offered in the excellent CMSBCookBook I'd offer this general suggestion:
1 - Using a couple of sample images and thumbnails, get your lightbox script running first without any invovement of CMSB. Just manually code the working prototype you want. This will also help you sort out CSS rules in the easiest format. These samples images will be replaced with CMSB controlled images in step 3.
2 - Once that's working nicely, use the CMSB code generator to create the code needed to display the thumbs and full-sized pictures.
3 - Compbine these two sets of code by copying the parts of the code generator results to call the foreach loop, the thumbs, and the full-sized images and paste them in place of their counterparts in step 1.
By doing this you can get the lightbox working without having to balance the requirements of the CMS. In my expereince, the lightbox script is the more fussy thing to set up and configure. Get that working first. Then, when you have that all sorted out, you can easily drop in the CMSB code to supply the real images.
Best of luck!
J.
1 - Using a couple of sample images and thumbnails, get your lightbox script running first without any invovement of CMSB. Just manually code the working prototype you want. This will also help you sort out CSS rules in the easiest format. These samples images will be replaced with CMSB controlled images in step 3.
2 - Once that's working nicely, use the CMSB code generator to create the code needed to display the thumbs and full-sized pictures.
3 - Compbine these two sets of code by copying the parts of the code generator results to call the foreach loop, the thumbs, and the full-sized images and paste them in place of their counterparts in step 1.
By doing this you can get the lightbox working without having to balance the requirements of the CMS. In my expereince, the lightbox script is the more fussy thing to set up and configure. Get that working first. Then, when you have that all sorted out, you can easily drop in the CMSB code to supply the real images.
Best of luck!
J.