Now - the first thing to declare here:
It’s a box in box construction (inline box model) within the entire page. So it’s hard to explain all these steps and the construction itself.
But so far - a lot of HTML-Boxes in the box. At least I need 5 in a container, the first will be loop-start, the second will be the carrier of the upper .png with the rounded corner, The third for the main content, the 4th will be the rounded box closer and a 5th the loop stop.
Image content is always background image in inspector (center - bottom, center - tiling, center - top is the set to get the three parts together Box 2+3+4).
I know it sounds complicated a to be honest - without Dan Jaskers boxmodel - screencast - I never ever had a chance to achieve this (so highly recommended). He has webyep series, too.
But anyway - I always add rich-text elemets to get the full amount of freedom in webyep. This is not recommended for the most customers cause they are doing funny things - but if it’s your control - give it a deeper look.
With richtext you should install a rich-text-editor (have a look at Max Documentation).
Now it depends on what editor you choose, cause all are a bit different, but in there you have now a lot of possibilities. The most common: TinyMCE and CKEditor
The popup window in my case is lightbox. I place an image into the richtext-element and give it just a link to its bigger brother (or itself) . In richtext-editor you can choose the instance “lightbox” and you’re done.
The same basics are downloads. Just insert a button (or a line of text) and link it to a file (absoulte path) and you’re done.
Honestly - I often do not understand much of the “running things behind” and I had a lot of work and time to find all the things out. And btw. I never wrote so much in a list like here. So the best would be to start somewhere and add knowledge step by step
MagicZoom has nothing to do with it, just one of a lot of possibilities to “Zoom into an image to show details”, not to pop up a window like lightbox.
freewaytalk mailing list
Update your subscriptions at: