container for multiple images to switch

User 2924830 Photo


Registered User
167 posts

I'm looking for a component or template where you show a single image and the visitor can click on arrows right and left to see more images - like ebay see here
https://www.kleinanzeigen.de/s-anzeige/ … 1-84-22084
Is there something like this in the site designer ?
User 122279 Photo


Senior Advisor
14,547 posts

https://mock-up.coffeecup.com/va-comps/ … llery.html ??
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924830 Photo


Registered User
167 posts

Hi Inger,
Thanks - Great - yes that's it - but without the thumbs under the picture. I hope I can find out how to make the slides a surprise without the preview in the thumbs...
it is in the vanilla departement - - can I use it barebone as well ?
User 122279 Photo


Senior Advisor
14,547 posts

BareBone is the same as 'Frameworkless'.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,239 posts

Inger if you put a / after the # in your Next, Prev, and image href the page won't jump back to top.
#/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924830 Photo


Registered User
167 posts

I have a problem - I want more than one slider = one under the other . When I duplicate a slider (= "lightbox-wrapper") and look at preview I only see the first one - the upper - slider. I still can see a font icon link under the wrapper - but no picture - ... I changed class names - but no luck. No hint in the coffee club help gallery which is btw very good - see here https://www.coffeecup.com/help/articles … o-gallery/
But how can I duplicate and triplicate the slider ? It must have to do with the numbers of the photos ?
User 379556 Photo


Registered User
1,558 posts

Hi Michael.

Would something like this do: https://fc7777.coffeecup.com/multi-slide-set ? I've temporarily put the project file at https://fc7777.coffeecup.com/multi-slide-set.rsd purely to make the simple principle clear, not for any other purpose. If it's useful, no doubt you will make any necessary adjustments.

Frank
User 2924830 Photo


Registered User
167 posts

Hi Frank,
your sample works great - but I couldn't make it work on my site. I'm not a coder - I'm really an amateur making web designs.but I could compare and saw your cleaned sample and added the html code <iframe src="s01.html" title="Slide set one" width="100%" height="100%" frameBorder="0"> </iframe>
Put it in the in the lightbox wrapper Element box (Head) but on preview I got the answer
error /C:/Users/ergo/AppData/Local/CoffeeCup Software/Site Designer/cache/13240/preview/s01.html
couldn't be found. ...
Perhaps I can download the full template of your sample site and go on with learning ?
I put the lightbox wrapper into a 2 column grid - so I have on the left the picture slider and on the right column some text. Could that change the conditions ?
User 122279 Photo


Senior Advisor
14,547 posts

Michael, you need to give the lightbox an ID, and the next lightbox another ID. You also need to give different class names to some of the containers inside the lightbox. I have never tried several lightboxes on the same page, but I have a site with two lightboxes on two different pages, where I applied this. Also, in the js you need to edit a bit to reflect the new class names you are using.
Unfortunately, I don't have time to test this on one and the same page, I'm quite busy right now, and I'm also slowly recovering from Covid.
BTW, the images in that lightbox that Frank helped you with are my pics, from the place where I am now, Foca in western Turkey.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924830 Photo


Registered User
167 posts

Hi Inger,
I thought so that you are busy - so I have to smuggle through myself. Following the pictures I 'd like to be there and not here but...
Franks way seemed to be so easy - but I'll try your ID way. And I'll report.
Covid is a really nasty thing - do not start to early going fulltime...
All the best
Michael

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.