Simple LightBox walk-through? - Page...

User 2818159 Photo


Registered User
60 posts

I'm new to CoffeeCup and their RSD, so the learning curve has been, umm, interesting. I've used other WYSIWYG designers, but RSD is very different and has been a challenge.

I'm looking for a very simple click-to-enlarge function (something like this? https://github.com/Dendrochronologyy/SimplBox). I am open to anything similar however.

Can someone do a basic walk-through of where, and in which elements, the lines of code are placed? Please?

Thanks!
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Hi Joe. Can you try the instructions on this page and post a link to your page that your testing on
https://github.com/Dendrochronologyy/SimplBox#demo
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 2818159 Photo


Registered User
60 posts

The lower left has 2 images - 1 was done as an "html element" and the other as a "picture link" - neither works as they just open the large image in a new page.
http://villageworkroom.coffeecup.com/products.html

I really want to be able to do this via picture links as they are easier to work with visually than html elements.

Thanks
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

You need <script> </script> tags around your script code.
You also need to include you simplbox.js
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 2818159 Photo


Registered User
60 posts

Why is this so difficult!!! I can't get it to work. I tried 100 permutations.
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

That script isn't the easiest one to use. There's better ones out there that have more users so they have more support.
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 2778508 Photo


Registered User
31 posts

Eric,

Can you recommend one that is friendly to RSD, is documented, has support and works well across a very wide variety of browsers?

Curtis
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Colorbox and Fancybox are my favorites.
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 2818159 Photo


Registered User
60 posts

I finally found one that was simple, responsive, and easy to implement for a non-coder like myself - http://www.frescojs.com/

Very easy, just need to add these 2 files in the FOOTER:
<script type="text/javascript" src="js/fresco.js"></script>
<link rel="stylesheet" type="text/css" href="css/fresco.css"/>

In your linked object, add the class "fresco" and your href image. Easy!
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Joe P. wrote:
I finally found one that was simple, responsive, and easy to implement for a non-coder like myself - http://www.frescojs.com/

Very easy, just need to add these 2 files in the FOOTER:
<script type="text/javascript" src="js/fresco.js"></script>
<link rel="stylesheet" type="text/css" href="css/fresco.css"/>

In your linked object, add the class "fresco" and your href image. Easy!

I'm getting a database error on that site.
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

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.