Viewing shadow box for text instead of pictures?

shadow box for text instead of pictures?



User: Rob W. 12 years ago
normally a shadow box is used for instance to enlarge a picture when clicked on or playing a video, i was wondering if i could you the shadow box "method" to create text that pops out when you click on an image?

i'm creating a store with CDs and DVDs and thought perhaps i could use this method to save having to create a page for each individual item, this way on the main store view you can click on a CD and a bit of info will pop out i.e the album tracklisting or a synopsis, this would save a huge amount of time if this is possible and will reduce the size of the site dramatically.

i hope that made sense?

really appreciate any help!
User: Roddy 12 years ago
You can use a lightbox for text but you would need to know HTML & CSS to do this.

I am working on some new widgets which are designed to save space on crowded web pages. These include YouTube/Vimeo in a lightbox, text wrap around an image with image expand and some that will launch a div on click from a text or image link. This div can contain either text or an image.

Here's a test page showing the one that launches text from an image on click.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Rob W. 12 years ago
yes that is what im after, text (that you can edit) that appears when clicking on an image, can you use the effect of the shadowbox for this? so it pops out into the centre of the screen with the shadow around it?

i do understand HTML & CSS enough to edit it to how i like but i don't know it well enough to create things from scratch, need a template to work from.

where can i get the code for what you did on the test page?
User: Rob W. 12 years ago
yes that is what im after, text (that you can edit) that appears when clicking on an image, can you use the effect of the shadowbox for this? so it pops out into the centre of the screen with the shadow around it?

i do understand HTML & CSS enough to edit it to how i like but i don't know it well enough to create things from scratch, need a template to work from.

where can i get the code for what you did on the test page?
User: Roddy 12 years ago
If you want text to appear in a lightbox you can create the content on another EverWeb page and insert it into the lightbox using an iframe.

Quote:
where can i get the code for what you did on the test page?


The test page uses a widget which doesn't require you to deal with any code. Drag it onto the page and enter the data in the widget settings inspector.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Rob W. 12 years ago
Quote: Roddy - 20/05/2014 13:13:31
If you want text to appear in a lightbox you can create the content on another EverWeb page and insert it into the lightbox using an iframe.


thats what i was trying to avoid, creating another page where all the information is, i was hoping for something similar to the code used to create a shadowbox i.e paste the path to the thumbnail picture in the first part of the code and then instead of a the path to the larger picture for the pop out, somehow change the code so you can write text that will pop out instead of a picture. is that possible? or does it not make sense!

Quote:
The test page uses a widget which doesn't require you to deal with any code. Drag it onto the page and enter the data in the widget settings inspector.

where can i get this widget? this sounds like what i was after.

would it possibly be easier to do it with text? for example have the album cover and below have text saying "click here for more info" - click there and text will appear in some way similar to the shadowbox?

thanks for your help so far, your website has helped me out a lot with this web building process!
User: Roddy 12 years ago
Shadow box doesn't work that way. You need to create another HTML doc with the text to appear in it.

The widget will be available soon. If you contact me via your other topic I'll let you know more.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.