I have a large site created in a previous version so its coffeegrinder based. It there a way to have an HTML element (its a visual lightbox) for the larger sizes and then have it change to individual pictures for the smallest sizes?
Thanks in advance
Byron
Byron Tipping
Registered User
1,647 posts
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
Hi Byron,
If it's responsive the images will get smaller.
If it's responsive the images will get smaller.
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
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
Byron Tipping
Registered User
1,647 posts
Sorry - didn't explain myself. At larger sizes I have a light box in an HTML element. At the small er sizes I need to drop the HTML element and place a few pictures where the lightbox originally was.
I can't seem to get it to do that and I thought it could
Thanks
Byron
I can't seem to get it to do that and I thought it could
Thanks
Byron
Hennie
Registered User
161 posts
You may use 2 elements, one with the lightbox and one with the pictures and change the display properties so that only one is visible, depending on the size.
Eindhoven :: Netherlands
It's easy to see, once you see it.
It's easy to see, once you see it.
Byron Tipping
Registered User
1,647 posts
Not sure I follow - - the HTML element and make sure that there is ID. But if I have 4 or 5 pictures how do I put those in an HTML element? Probably a dumb question but missing it
Byron
Byron
Inger
Senior Advisor
14,650 posts
Online Now
Those 4 or 5 pictures can be put into RCS and you make them into a slideshow. The slideshow can be added in a html element.
Alternatively you can use Orbit (in Foundation) or Carousel (in Bootstrap), they are also slideshows. They can be added as 'orbit' or 'carousel', you don't need a html object for that. And then do with the display properties as Hennie said.
Orbit and Carousel both appear in the component library for Foundation and Bootstrap respectively.
Alternatively you can use Orbit (in Foundation) or Carousel (in Bootstrap), they are also slideshows. They can be added as 'orbit' or 'carousel', you don't need a html object for that. And then do with the display properties as Hennie said.
Orbit and Carousel both appear in the component library for Foundation and Bootstrap respectively.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Hennie
Registered User
161 posts
You may use your html element with the lightbox and a container element with the pictures (or put the html element in another container). Put them next to each other.
Give both containers an ID and set the display property for each container (one block or inline and the other none). At the breakpoint reverse the display properties. You may want to make sure that both containers have more or less the same dimensions at the breakpoint.
That should do it.
Give both containers an ID and set the display property for each container (one block or inline and the other none). At the breakpoint reverse the display properties. You may want to make sure that both containers have more or less the same dimensions at the breakpoint.
That should do it.
Eindhoven :: Netherlands
It's easy to see, once you see it.
It's easy to see, once you see it.
Byron Tipping
Registered User
1,647 posts
Inger - This is a very large (400 page) site that is older and in coffeegrinder. So I guess I can't use that solution.
Hennie - very interesting - will try that. Not quite sure I get it but need to try and see it in the layout to see if I can get it to work .
Byron
Hennie - very interesting - will try that. Not quite sure I get it but need to try and see it in the layout to see if I can get it to work .
Byron
Inger
Senior Advisor
14,650 posts
Online Now
You should be able to use RCS. Also progs like Wowslider.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Byron Tipping
Registered User
1,647 posts
Hennie - seems to work on my desktop but not on my cell - any ideas? The regular pictures are not centered and they are posted at the larger size - but the lightbox does not disappear at about 600px. They both show on my cell.
http://tippingproductions.com/tpc/demo2 … al100.html
Thanks
Byron
http://tippingproductions.com/tpc/demo2 … al100.html
Thanks
Byron
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.
