HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Thumbnail expansion routine

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#63133 (In Topic #13694)
Avatar

Well-settled

Hi there,

is there anybody out there who as something like this

http://www.magictoolbox.com/magicthumb/examples/

added to his OCP site? What I basically want it do is: You click on an inline image (e.g. in the cedi) and a larger version of the picture is displayed, without a popup, just as an overlay image. There are effects and captions, too. It doesn't seem to be a big deal, but it's Javascript after all.

(The pictures themselves would be individually uploaded files, not attachments oder images from a gallery.)

CU,
Low
Back to the top
 
Posted
Rating:
#63134
Avatar



Like ocPortal on Facebook:
Back to the top
 
Posted
Rating:
#63135
Avatar

Community saint

Yes, I have something like that, but it is a script I paid to have written a couple of years ago. This looks much more 'user-friendly' and the cost is MUCH lower than what I paid for mine.

I have an example here

I also have the FREE version of 'Thickbox' installed, but be careful if you take the script off Cody's site, because he hasn't updated it in a while and it doesn't work without a slight tweak. There is a slight incompatibility with the latest jQuery library! If you use it, ask me for the 'fix'.

Example here (half way down the page and showing the 'slideshow' feature)


:thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63136
Avatar

Well-settled

Robbie,

thanks for your quick reply! Just to be sure: Will Lightbox2 work for images NOT attached to posts as well? I'd like to use it with independently uploaded pictures placed on static cedi description pages.

CU,
Low
Back to the top
 
Posted
Rating:
#63137
Avatar

Well-settled

Fletch,

the Thickbox slideshow is just about what I try to achieve. Am I right assuming that Thickbox - like "Magic Thumb" - consists of a Javascript component and some css?

I'll have a look for the places to put those.

CU,
Low
Back to the top
 
Posted
Rating:
#63139
Avatar

Lowlander said

Robbie,

thanks for your quick reply! Just to be sure: Will Lightbox2 work for images NOT attached to posts as well? I'd like to use it with independently uploaded pictures placed on static cedi description pages.

CU,
Low
I didn't write the Addon, nor have I used it, so I'm afraid I don't know the answer to that! I imagine, however, that it will work with all Comcode attachments.


Like ocPortal on Facebook:
Back to the top
 
Posted
Rating:
#63141
Avatar

Community saint

Lowlander said

Fletch,

the Thickbox slideshow is just about what I try to achieve. Am I right assuming that Thickbox - like "Magic Thumb" - consists of a Javascript component and some css?

I'll have a look for the places to put those.

CU,
Low

There are two js components that need to be added to your HEADER.tpl referencing where they are on the server. The jquery.js MUST appear before the thickbox.js for the script to work correctly.

Also the thickbox.js needs to be edited for it to work AT ALL with the latest jQuery library (1.3.1). Find in thickbox.js:
TB_TempArray = $("a[@rel="+imageGroup+"]").get();
and amend it to read:
TB_TempArray = $("a[rel="+imageGroup+"]").get();
(i.e. remove the @ symbol)

The CSS element can be added to your theme's global.css

Now you're good to go!



Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63150
Avatar

Well-settled

Fletch,

thanks for those most valuable hints! The main piece was that the link to the .js goes into HEADER.tpl. I tried Magic Thumb first, as I had already downloaded it and it might need no further modifications. I popped a reference to the css into HEADER.tpl as well (for now), and Magic Thumb instantly worked. It's a pretty mighty tool, with all kinds of formatting and displaying options, captions. links, slideshows etc. Works like a charm.

Have a nice weekend,
Low
Back to the top
 
Posted
Rating:
#63152
Avatar

Community saint

Lowlander said

Magic Thumb ….. Works like a charm.
Low

Thanks for that, Low.

Considering digging into the reserves and buying, BUT, might first try begging for the 'free' license on the grounds that I am not a commercial enterprise. That is certain to come with advertising, of course!

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63396
Avatar

Community saint

Update:

For anybody that has followed the thread, or who is considering implementing this clever little script.

It is very easy to implement (see what Low says above) and works like a charm.

I have included it in a 'Misc.' box at the bottom of the left panel on my site, and it does a terrific job of showcasing ocPortal as well as a couple of other links.

See it in action here.

:thumbs:



P.S. Thanks for the pointer, Low. I managed to extract a 'non-commercial' license out of the authors!

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63397
Avatar

Community saint

Tanks for all the info on these tools, Lowlander and Fletch.
I'm sure this will come in handy.
Magic Thumb looks like a winner!:thumbs:

Jean
Back to the top
 
Posted
Rating:
#63400
Avatar

Well-settled

Sometimes, at night, I dream about modifying ocp's galleries to use that script. Calling it from a gallery thumbnail and all.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: