lightbox integration

grantiago

Joined: 2002-08-23
Posts: 78

Posted: Tue, 2007-10-30 19:41

I see an option for lighbox integration when choosing the link options. How do I incorporate this?

capt_kirk

Joined: 2006-01-24
Posts: 492

Posted: Tue, 2007-10-30 20:53

The lightbox option in G2Image only creates the correct link for use with lightbox. I.e., it inserts the rel="lightbox" attribute in the "a" tag. To actually use lightbox, you need to install one of the Joomla lightbox plugins.

I don't use Joomla, other than for testing, so I don't know what the best LightBox plugin is. If anyone has an opinion, please add it to this thread.

Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website

grantiago

Joined: 2002-08-23
Posts: 78

Posted: Tue, 2007-10-30 22:14

thanks. the joomla extensions search engine is like a shotgun -- it hits everything. I searched around for a while and all i could find were other gallerys with a lightbox function integrated.

hopefully someone will have a suggestion.

capt_kirk

Joined: 2006-01-24
Posts: 492

Posted: Tue, 2007-10-30 22:52

I haven't tried either of these, but they look like they're maybe LightBox on its own.

http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,976/Itemid,35/

http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,412/Itemid,35/

Or, you can always just get the LightBox 2 scripts, put them in a folder off of your web root, and add the javascript/css calls to your template header.

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

Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website

grantiago

Joined: 2002-08-23
Posts: 78

Posted: Wed, 2007-10-31 18:26

thanks for all your input. I integrated it using the standard lightbox from huddletogether.com

what do I edit to have the the g2 image chooser link to the gallery resized image? the originals on my site are as they come off the camera: 22 inches by some other giant dimension.

grant

capt_kirk

Joined: 2006-01-24
Posts: 492

Posted: Wed, 2007-10-31 20:19

Resizes are on my plan for g2image 3.1.

Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website

fabs

Joined: 2004-05-10
Posts: 171

Posted: Wed, 2008-01-02 04:34

I use lightbox in my gallery already, but where do i configure the g2image chooser so it uses an existing lightbox install?
Thanks

Fabs

_____________________________________________________
!!!!!! Vote for tags to become multilingual: VOTE NOW!!!
Breath in love...--------------
------------...breath out peace
My website

AllanB

Joined: 2007-03-01
Posts: 40

Posted: Sat, 2008-01-05 05:15

I have been testing v.3.0.2. I have tried using the Lightbox function ... it adds what seems to be the appropriate tag and the lightbox scripts are all in the g2image folder ... yet when you click on the image, all you get is the full size version without the Lightbox.

I've read this thread and still don't understand what I am missing to make the Lightbox feature work. Anyone??

Allan

fabs

Joined: 2004-05-10
Posts: 171

Posted: Sat, 2008-01-05 09:58

same for me. i just get a new browser window with the image but no lightbox...
some more insight please...

Fabs

_____________________________________________________
!!!!!! Vote for tags to become multilingual: VOTE NOW!!!
Breath in love...--------------
------------...breath out peace
My website

AllanB

Joined: 2007-03-01
Posts: 40

Posted: Mon, 2008-02-25 15:34

After much testing, I finally found that using a Joomla bot like Multithumb works great! I can now use my G2 images in content with the Lightbox integration.

You can see it here ... www.rhubarbdiaries.com

Allan

capt_kirk

Joined: 2006-01-24
Posts: 492

Posted: Wed, 2008-04-23 12:59

AllanB wrote:

I have been testing v.3.0.2. I have tried using the Lightbox function ... it adds what seems to be the appropriate tag and the lightbox scripts are all in the g2image folder ... yet when you click on the image, all you get is the full size version without the Lightbox.

I've read this thread and still don't understand what I am missing to make the Lightbox feature work. Anyone??

Sorry for the delay in replying. Life got in the way of G2Image work for a while. I'm back to some development, trying to get G2Image upgraded to work with TinyMCE 3.0 first, and then to wrap up G2Image 3.1 and get it out the door.

Each CMS will handle this a little differently. Some have very good Lightbox plugins, others don't. If you're using 3.0.2, you'll need to either use a Lighbox plugin, or make sure that the following code is in the head section of the HTML that your CMS puts out for the post of interest. Each CMS handles this differently, but there should be a way to get this code into your template.

    <link rel="stylesheet" href="/PATH_TO_G2IMAGE/g2image/css/lightbox.css" type="text/css" />
    <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/prototype.js"></script>
    <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/scriptaculous.js?load=effects"></script>
    <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/lightbox.js"></script>

If you're reading this a few weeks after I originally posted this and you're using G2Image 3.0.3 or later, I switched from the actual Lightbox script to Slimbox to get the same Lightbox functionality with a smaller download, so this is the code you'll need to use:

    <link rel="stylesheet" href="/PATH_TO_G2IMAGE/g2image/css/slimbox.css" type="text/css" />
    <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/mootools.js"></script>
    <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/slimbox.js"></script>

In both sets of code, make sure that you replace PATH_TO_G2IMAGE with your actual path. It can be an absolute path, or a server relative path. Example: http://www.site.com/wordpress/wp-content/plugins/wpg2/g2image/css/slimbox.css or just /wordpress/wp-content/plugins/wpg2/g2image/css/slimbox.css You'll have to make sure that the path is appropriate for your setup, since they're all different.

Kirk
____________________________________
G2Image Documentation, G2Image Demo Page, My Family Website

grantiago Joined: 2002-08-23 Posts: 78	Posted: Tue, 2007-10-30 19:41
	I see an option for lighbox integration when choosing the link options. How do I incorporate this?
	XUser login Username: * Password: * Create new account Request new password
capt_kirk Joined: 2006-01-24 Posts: 492	Posted: Tue, 2007-10-30 20:53
	The lightbox option in G2Image only creates the correct link for use with lightbox. I.e., it inserts the rel="lightbox" attribute in the "a" tag. To actually use lightbox, you need to install one of the Joomla lightbox plugins. I don't use Joomla, other than for testing, so I don't know what the best LightBox plugin is. If anyone has an opinion, please add it to this thread. Kirk ____________________________________ G2Image Documentation, G2Image Demo Page, My Family Website

grantiago Joined: 2002-08-23 Posts: 78	Posted: Tue, 2007-10-30 22:14
	thanks. the joomla extensions search engine is like a shotgun -- it hits everything. I searched around for a while and all i could find were other gallerys with a lightbox function integrated. hopefully someone will have a suggestion.

capt_kirk Joined: 2006-01-24 Posts: 492	Posted: Tue, 2007-10-30 22:52
	I haven't tried either of these, but they look like they're maybe LightBox on its own. http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,976/Itemid,35/ http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,412/Itemid,35/ Or, you can always just get the LightBox 2 scripts, put them in a folder off of your web root, and add the javascript/css calls to your template header. http://www.huddletogether.com/projects/lightbox2/ Kirk ____________________________________ G2Image Documentation, G2Image Demo Page, My Family Website

grantiago Joined: 2002-08-23 Posts: 78	Posted: Wed, 2007-10-31 18:26
	thanks for all your input. I integrated it using the standard lightbox from huddletogether.com what do I edit to have the the g2 image chooser link to the gallery resized image? the originals on my site are as they come off the camera: 22 inches by some other giant dimension. grant

capt_kirk Joined: 2006-01-24 Posts: 492	Posted: Wed, 2007-10-31 20:19
	Resizes are on my plan for g2image 3.1. Kirk ____________________________________ G2Image Documentation, G2Image Demo Page, My Family Website

fabs Joined: 2004-05-10 Posts: 171	Posted: Wed, 2008-01-02 04:34
	I use lightbox in my gallery already, but where do i configure the g2image chooser so it uses an existing lightbox install? Thanks Fabs _____________________________________________________ !!!!!! Vote for tags to become multilingual: VOTE NOW!!! Breath in love...-------------- ------------...breath out peace My website

AllanB Joined: 2007-03-01 Posts: 40	Posted: Sat, 2008-01-05 05:15
	I have been testing v.3.0.2. I have tried using the Lightbox function ... it adds what seems to be the appropriate tag and the lightbox scripts are all in the g2image folder ... yet when you click on the image, all you get is the full size version without the Lightbox. I've read this thread and still don't understand what I am missing to make the Lightbox feature work. Anyone?? Allan

fabs Joined: 2004-05-10 Posts: 171	Posted: Sat, 2008-01-05 09:58
	same for me. i just get a new browser window with the image but no lightbox... some more insight please... Fabs _____________________________________________________ !!!!!! Vote for tags to become multilingual: VOTE NOW!!! Breath in love...-------------- ------------...breath out peace My website

AllanB Joined: 2007-03-01 Posts: 40	Posted: Mon, 2008-02-25 15:34
	After much testing, I finally found that using a Joomla bot like Multithumb works great! I can now use my G2 images in content with the Lightbox integration. You can see it here ... www.rhubarbdiaries.com Allan

capt_kirk Joined: 2006-01-24 Posts: 492	Posted: Wed, 2008-04-23 12:59
	AllanB wrote: I have been testing v.3.0.2. I have tried using the Lightbox function ... it adds what seems to be the appropriate tag and the lightbox scripts are all in the g2image folder ... yet when you click on the image, all you get is the full size version without the Lightbox. I've read this thread and still don't understand what I am missing to make the Lightbox feature work. Anyone?? Sorry for the delay in replying. Life got in the way of G2Image work for a while. I'm back to some development, trying to get G2Image upgraded to work with TinyMCE 3.0 first, and then to wrap up G2Image 3.1 and get it out the door. Each CMS will handle this a little differently. Some have very good Lightbox plugins, others don't. If you're using 3.0.2, you'll need to either use a Lighbox plugin, or make sure that the following code is in the head section of the HTML that your CMS puts out for the post of interest. Each CMS handles this differently, but there should be a way to get this code into your template. <link rel="stylesheet" href="/PATH_TO_G2IMAGE/g2image/css/lightbox.css" type="text/css" /> <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/prototype.js"></script> <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/scriptaculous.js?load=effects"></script> <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/lightbox.js"></script> If you're reading this a few weeks after I originally posted this and you're using G2Image 3.0.3 or later, I switched from the actual Lightbox script to Slimbox to get the same Lightbox functionality with a smaller download, so this is the code you'll need to use: <link rel="stylesheet" href="/PATH_TO_G2IMAGE/g2image/css/slimbox.css" type="text/css" /> <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/mootools.js"></script> <script language="javascript" type="text/javascript" src="/PATH_TO_G2IMAGE/g2image/jscripts/slimbox.js"></script> In both sets of code, make sure that you replace PATH_TO_G2IMAGE with your actual path. It can be an absolute path, or a server relative path. Example: http://www.site.com/wordpress/wp-content/plugins/wpg2/g2image/css/slimbox.css or just /wordpress/wp-content/plugins/wpg2/g2image/css/slimbox.css You'll have to make sure that the path is appropriate for your setup, since they're all different. Kirk ____________________________________ G2Image Documentation, G2Image Demo Page, My Family Website

lightbox integration

XUser login