By ica on

I am not sure anyone played around with the lightbox.js

http://www.huddletogether.com/projects/lightbox/

now
the js source (to be downloaded and put into drupal/scripts or /files
http://www.huddletogether.com/projects/lightbox/lightbox.js

this is the .js include to go to the page.tpl.php
script type="text/javascript" src="lightbox.js

here is the .css to got to your theme/style.css
http://www.huddletogether.com/projects/lightbox/lightbox.css

and the attribute to single image

a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1

that would not be problem but how to attribute it to all images in Drupal (node images and the image.module image gallery

any ideas?

i am not a php coder maybe its possible to build i am not a lightbox.js into images.module or lightbox.module its own if anyone interested

⋅ Categories: Drupal 4.6.x, Drupal 4.7.x

Comments

somes’s picture

somes commented

I've seen the ligthbox but havent been interested in implementing into drupal as of yet

Have you tried just using it on a thumb nail image on a single page just to see if there are any conflicts, that might be a good place to start if that works you could be in business

after that Im thinking all you have to add is the rel="lightbox" to the img_assit tag

try it who knows it might work

ica’s picture

ica commented

lightbox.js works when i create a node and referenced to an single/individual image which is published previously

steps taken
1. uploaded ligthbox.js
http://www.huddletogether.com/projects/lightbox/lightbox.js
to drupal/scripts

2. included the page.tpl.php
script type="text/javascript" src="lightbox.js

3. http://www.huddletogether.com/projects/lightbox/lightbox.css
got into mytheme/style.css

an HTML page with attribute to the image published on Drupal site before
a href="files/images/animage.img_assist_view.jpg" rel="lightbox"

that is without the tumbnail/actual image on each image node published on Drupal solution that also whre i dont have coding skills
the problem is how to attribute the script to any/all images nodes automatically

that would be small but smart feature in Drupal if an integration solution is possible

for the ones who has not check out the feature -click on a thumbnail on this example images
http://www.huddletogether.com/projects/lightbox

somes’s picture

somes commented

I've seen the ligthbox but havent been interested in implementing into drupal as of yet

Have you tried just using it on a thumb nail image on a single page just to see if there are any conflicts, that might be a good place to start if that works you could be in business

after that Im thinking all you have to add is the rel="lightbox" to the img_assit tag

try it who knows it might work

gateone’s picture

gateone commented

Lightbox works nice if you include it in your theme and if you are directly placing images and thumbnails using the HTML as given in the Lighbox tutorial page. Lightbox might still be hacked up quite severely if you would try to use it with the image.module. This might be a little complicated to do really but, nonetheless, I guess it could be done.

There is but one little problem I ran into using the Scriptaculous AJAX libraries (which are heavily used by Lightbox): they break TinyMCE. If both Scriptaculous AND TinyMCE are present, both will break. If you switch off the TinyMCE module, at least you'll get Lightbox working. I haven't yet tried with another WYSIWYG editor, but I suppose you'll also run into problems having both co-exist. I am not a too good JavaScript expert, so someone with that knowledge might want to have a look what's going on and why they both seem to break each other.

Also, Lightbox doesn't contain all Scriptaculous modules, nonetheless they are called and turn up in Drupal's logs as files not found. This can fill up your logs with tons of uninteresting news, so just download the entire Scriptaculous from their website and upload the missing modules and these errors will stop showing up.

phuc77’s picture

phuc77 commented

I know this forum post is old, but this might be useful for new users.
http://wiki.script.aculo.us/scriptaculous/show/TinyMCE

discursives’s picture

discursives commented

I have not really been able to bend image.assist to my will yet, much less lightbox. Anyone with a success>?