 |
Larrian
User
Jan 26, 2008, 5:29 PM
Post #1 of 15
(2065 views)
Shortcut
|
|
Thumbnail image expand on click, reduce on double click
|
Can't Post
|
|
Hello...I'm putting up a large medical textbook with 1500 illustrations and am using Artman2 for this project. I'm looking for code that would allow me to have a thumbnail image at the top of the article which can be clicked on...expands right there ( doesnt open in a new window) and is double clicked to reduce back to size. In a sample html page I mocked up, I used this code which worked quite well, but unsure how to use it in artman2:<img src="2.68full.jpg" width="250" height="200" name="FRTU"
onclick="javascript:FRTU.height=400;FRTU.width=500"
ondblclick="javascript:FRTU.width=250;FRTU.height=200" >
Any suggestions?
|
|
| |
|
Jake
Staff
/ Moderator
Jan 29, 2008, 10:56 AM
Post #2 of 15
(2004 views)
Shortcut
|
|
Re: [Larrian] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
Hi Larrian,
A number of our users have had success setting up this image display script with Article Manager, which should work as you described:
http://www.huddletogether.com/projects/lightbox/
Let us know if you need anything else. 
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
Larrian
User
Jan 29, 2008, 2:50 PM
Post #3 of 15
(1992 views)
Shortcut
|
|
Re: [Jake] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
As I look at that scripting...it opens the image OVER the page..which is NOT what I want. I want the image to enlarge within the article but not obscure the text. The scripting I used on standard HTML worked that way but you have to name each image in the coding and I dont see how one can do that using article manager without changing ALL images every time you rename an image.
|
|
| |
|
Jake
Staff
/ Moderator
Feb 1, 2008, 9:50 AM
Post #4 of 15
(1907 views)
Shortcut
|
|
Re: [Larrian] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
Hi Larrian,
You can try adding that code to the embedded media template in the "common" directory within "templates". That way it will be used for every image uploaded through Article Manager.
Let us know if you need anything else.
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
Larrian
User
Feb 1, 2008, 12:12 PM
Post #5 of 15
(1898 views)
Shortcut
|
|
Re: [Jake] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
Great,,I"ll try that and see what happens and let the forum know.
|
|
| |
|
fmg
User
Mar 22, 2008, 5:35 PM
Post #6 of 15
(1541 views)
Shortcut
|
|
Re: [Jake] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
Hi!
I tried lightbox on the default(new) template of AM2.16 but the picture keeps on showing up on the bottom part of the article page... and dows not overlay.
I placed rel="lightbox" on the embeddedmedia.html
|
|
| |
|
Jake
Staff
/ Moderator
Mar 24, 2008, 11:03 AM
Post #7 of 15
(1447 views)
Shortcut
|
|
Re: [fmg] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
Hi fmg,
It's difficult for us to support third-party scripts, but if you provide a link to the affected page or can post the source code of this page, we can take a look and see if anything appears to be incorrect in the code.
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
fmg
User
Mar 24, 2008, 7:48 PM
Post #8 of 15
(1437 views)
Shortcut
|
|
Re: [Jake] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
I am using the default template used upon installing AM 2.16 just like on the demo http://demo1.interactivetools.com/current/artman2/071/24545/index.html and not the classic template.
OK, here's what I did:
1. Downloaded lightbox2 from http://www.huddletogether.com/projects/lightbox2/
2. Extracted javascript files from downloaded /lightbox2.04/js and uploaded them to /webroot/artman2/javascript and *.css files from /lightbox2.04/css to /webroot/artman2/css and the closelabel.gif and loading.gif to /webroot/artman2/images
3. Edited common/embeddedMedia.html and added rel="lightbox" from both
<a href="$file.webUrl$" [templateIf : $file.openLinkInNewWindow$ == "1" ]target="_blank"[/templateIf]> to <a href="$file.webUrl$" [templateIf : $file.openLinkInNewWindow$ == "1" ]target="_blank"[/templateIf] rel="lightbox">
4. Edited articlePages/articlePage.html and placed
<script type="text/javascript" src="$settings.webfolder_url$javascript/prototype.js"></script>
<script type="text/javascript" src="$settings.webfolder_url$javascript/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="$settings.webfolder_url$javascript/lightbox.js"></script>
and
<link rel="stylesheet" href="$settings.webfolder_url$css/lightbox.css" type="text/css" media="screen" />
and
<body onLoad="initLightbox()">
4. Saved changes and re-published all
Problem/s Encountered:
When the image was clicked, there is no transparent black overlay and the enlarged picture with the close button occured at the very bottom of the page. It never overlays.
Attempted n00b solutions:
1. googled on same problems
2. Tried changing <!DOCTYPE html PUBLIC " . . . and tested if anything happened, unfortunately, none. hehehe
3. Tried to search on the forum about lightbox but there were no detailed or intelligible solutions or occurences that is similar to mine.
4. Posted a reply on one of the entries that was shown to have lightbox string...
5. Got a reply from idol jake saying "It's difficult for us to support third-party scripts, but if you provide a link to the affected page or can post the source code of this page, we can take a look and see if anything appears to be incorrect in the code."
6. Retried again the steps just to make sure. Unfortunately, no Eurekas! or anything.
7. Written them (my "odyssey") and here it is now.
(This post was edited by fmg on Mar 26, 2008, 4:58 PM)
|
|
| |
|
Jake
Staff
/ Moderator
Mar 25, 2008, 3:12 PM
Post #9 of 15
(1420 views)
Shortcut
|
|
Re: [fmg] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
Hi fmg,
I'm going to go through the same steps to see if I can work this out for you. Unfortunately the lightbox site is down at the moment though, so I can't grab the script. I'll try again tomorrow morning and I'll post an update here. I suspect this might be some kind of stylesheet issue, but we'll see what happens.
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
fmg
User
Mar 25, 2008, 4:53 PM
Post #10 of 15
(1406 views)
Shortcut
|
|
Re: [Jake] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
OK sir! thank you very much... i'll be patient with it... hehehe but if you dont mind, I'll just post the light box package.
more power to all!
carpe diem!
|
|
Attachments:
|
lightbox2.04.zip
(95.3 KB)
|
|
| |
|
Jake
Staff
/ Moderator
Mar 26, 2008, 1:16 PM
Post #11 of 15
(1382 views)
Shortcut
|
|
Re: [fmg] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
Hi fmg,
I was able to set this script up successfully on my end today without seeing any problems. You might want to check that the stylesheet fully uploaded, and also double-check all paths to the lightbox stylesheet and javascript files. I can take a look at the page that you've set this script up on if you'd like - just provide a link here or send us a second-level support request:
http://interactivetools.com/support/
We should be able to get to the bottom of this for you!
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
fmg
User
Mar 26, 2008, 4:56 PM
Post #12 of 15
(1380 views)
Shortcut
|
|
Re: [Jake] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
I've quiet fixed it yesterday... hehehe. Anyway, thank you for the support jake. Have a nice day to all and God Bless!!!
|
|
| |
|
Jake
Staff
/ Moderator
Mar 27, 2008, 10:48 AM
Post #13 of 15
(1372 views)
Shortcut
|
|
Re: [fmg] Thumbnail image expand on click, reduce on double click
[In reply to]
|
Can't Post
|
|
Glad to hear you got this resolved fmg!
-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
| | |
|
MikeB
Staff
/ Moderator
Apr 9, 2008, 10:03 AM
Post #15 of 15
(1075 views)
Shortcut
|
|
Re: [mcmurtrey] Some Additional Thumbnail image / expand scripts ..
[In reply to]
|
Can't Post
|
|
Hi,
Thanks for the post!
These resources look great and hopefully anyone else looking to set up something like this will come across these.
Thanks mcmurtrey!
Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com
Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.
|
|
| |
|
