Forums » Customize

Use Thickbox with jQuery >1.3

ABOUTQ
FRANCE
2010-02-13 13:05:11
Permalink Post
 

Hi there,

I have just found a way to use Thickbox with jQuery 1.3.2 (or 1.4.1)

You have to edit jquery.thickbox.js like this :

At line 76, found :

  1. var imageGroup = $("a[@rel="+rel+"]").get();

And just remove the "@", you should have :

  1. var imageGroup = $("a[rel="+rel+"]").get();

Update the file on your ftp server, and it works ;)

It's useful for those who use hacks like
Create full-browser background img
Random full background the lost php

lemathieu A
FRANCE
2010-02-13 13:38:14
Permalink Post
 

Great one.
Merci bien ;)

puppiepoppy
CHINA
2010-02-14 13:13:27
Permalink Post
 

I just wonder if anyone tried out this 'improvement'? If it's indeed works, then shouldn't someone make that a standard change in the new Horizontal Format?

Vaska A
I WROTE THIS
2010-02-14 13:15:29
Permalink Post
 

You mean horizontal template set? The horizontal exhibition format doesn't even use Jquery.

crazylynx
CANADA
2010-03-08 08:50:45
Permalink Post
 

AWESOME! Thanks, this is exactly what I was looking for. After installing the collumner theme my whole site went to shit because it was mostly using thickbox exhibit formats. This fixes it perfectly and easily.

rasmusflindt
DENMARK
2010-03-20 18:56:14
Permalink Post
 

Hi,
After making this change to my website (http://flindtpedersen.com) it can no longer display the large photos in Internet Explorer. It can only display the thumbnails. It works well in Firefox, Camino, Safari and Opera.

Does any of you know how to fix this?

Kind regards
Rasmus

jesper
DENMARK
2010-03-21 15:03:38
Permalink Post
 

Hi Rasmus.

I'm not sure of how to fix it exactly, without a major rewrite.

You can however replace your jquery.thickbox.js and jquery.thickbox.css with my completely rewritten version of Thickbox, found here

That should work in ie7/ie8, and looks almost identical to Thickbox, with a few variations.

Regards,

Jesper.

rasmusflindt
DENMARK
2010-03-22 11:35:45
Permalink Post
 

Hi Jesper,

Thanks a lot. I'll give it a try and see if I can make it work.

Rasmus

Klara
SWEDEN
2010-03-30 17:44:51
Permalink Post
 

@Jesper: I was just about to add a video-clip that I wanted to show in Thickbox and I went to your page to find the code-example. But I can't manage to find it, when I click on Examples nothing happens.. How can I add the video that way?

Kind regards,
Klara

jesper
DENMARK
2010-03-30 18:05:58
Permalink Post
 

Sorry Klara, it is fixed now.

Klara
SWEDEN
2010-03-30 21:24:28
Permalink Post
 

@Jesper: Great it works! Sorry to have to ask, but how am I suppose to put in the code?
I think the class-part is not working for me, somehow its not opening in thickbox but it takes over the whole screen?

http://klaranilsson.com/happy-object/

Is it also possible to make the wobblebox close by just clicking anywhere in the image?

Thanks for the great script!!

jesper
DENMARK
2010-03-31 09:02:23
Permalink Post
 

@Klara: Looks like your code is a bit confused. You have two links, one with the proper class, but no href and one wit the right href but no class, as you can see below. The wobblebox should close by clicking outside the image, just like the thickbox does.

  1. <a class="thickbox utoob"><br>
  2. </a>

<a href="http://www.youtube.com/v/pWxV30eZliQ&hl=en_US&fs=1&" width="480" height="385"><br>
<img src="/files/happy.jpg" width="*" height="200"></a>

jesper
DENMARK
2010-03-31 09:04:33
Permalink Post
 

hmm, everything should be in code format above, not just the first two lines. Looks like the <code> wrapper doesn't work spanning multiple lines.

Klara
SWEDEN
2010-03-31 09:22:59
Permalink Post
 

@Jesper: Thanks a lot, I understood what was wrong! I didn't change the exhibition-format to thickbox! It was too late last night.. now it works like a charm!

arsondpi A
GREECE
2010-03-31 09:27:26
Permalink Post
 

(@ jesper - the code tag does not like empty lines....)

Klara
SWEDEN
2010-03-31 10:00:48
Permalink Post
 

I got an additional question, I would like the still-image to lie before the video and also work with thickbox, is that possibile?

www.klaranilsson.com/happy-object/

I tried out some coding in the text-area but its not completely there yet..

Klara
SWEDEN
2010-04-07 08:26:29
Permalink Post
 

Anyone who knows how I can insert an img-tag in the text-field and make it open with thickbox? I cant get the image on this page work, only the video?

www.klaranilsson.com/happy-object/

jesper
DENMARK
2010-04-07 11:33:22
Permalink Post
 

Hello again.

Right now you have this code:

  1. <a class="thickbox" src="/files/gimgs/happy.jpg" width="800" height="*"><img src="/files/gimgs/happy.jpg" width="370" height="*"></a>

It should be this:

  1. <a class="thickbox" href="/files/gimgs/happy.jpg" ><img src="/files/gimgs/happy.jpg" width="370" height="*"></a>

Give that a try.

Regards Jesper.

Klara
SWEDEN
2010-04-07 12:11:37
Permalink Post
 

Works perfect! Thanks!

Kind regards,
Klara

rafguevara
UNITED STATES
2010-04-28 13:25:17
Permalink Post
 

This is great! worked for centered theme I was using. Now I do have one issue. Spacing seems to be random between images when using thickbox

Example can be seen on my site
ARGuevara

Klara
SWEDEN
2010-04-30 22:19:18
Permalink Post
 

Hey again!
I've been adding the code as;
< a class="thickbox" href="/files/gimgs/happy.jpg" >< img src="/files/gimgs/happy.jpg" width="370" height="*">

But I now have the problem that nothing shows up in IE?
Is there something that I need to change in order to make it work?

the website is;
http://www.kristoffernilsson.se

Klara
SWEDEN
2010-05-03 18:20:13
Permalink Post
 

Seems to me its something with the format of the size, could that be?

Klara
SWEDEN
2010-05-03 20:24:33
Permalink Post
 

I also have a problem with the last two rows in my div here..
If someone could give me a hint why these arent wrapped I would stop crying..

http://kristoffernilsson.se/nya-serier/

Kind regards,
Klara

Alexxxy
FRANCE
2010-05-13 11:21:34
Permalink Post
 

Hello.
I have a problem too with the Thickbox.
I replaced my .js by the jesper's file, but it doesnt' work at all.
Before, I had the loading symbol of the Thickbox, and now i have the image which open without any Next or Prev...
You can check it on http://www.alexygoguet.fr.nf/dessins/blowjobs/. It's not a sex website...
Sorry for my english, it's a french english you guessed it !

jkm
DENMARK
2010-05-13 13:00:21
Permalink Post
 

Hello Alexxxy.

I can see that you have multiple jquery files attached, including three main jquery libraries and two jquery.thickbox.js files. Chances are they are conflicting with each other.

Regards,

Jesper.:

  1. <script type='text/javascript' src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/jquery.js'></script>
  2. <script type='text/javascript' src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/cookie.js'></script>
  3. <script type="text/javascript" src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/jquery.min.js'></script>
  4. <script type="text/javascript" src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/colors.js'></script>
  5. <script type="text/javascript" src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/jquery-scroll.js'></script>
  6. <script type="text/javascript" src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/jquery-fx.js'></script>
  7. <script type="text/javascript" src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/cufon-yui.js'></script>
  8. <script type="text/javascript" src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/Utd_500.js'></script>
  9. <script type='text/javascript' src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/expandingMenus.js'></script>
  10. <script type='text/javascript' src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/jquery.thickbox.js'></script>
  11. <script type='text/javascript' src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/jquery-1.4.2.min.js'></script>
  12. <script type='text/javascript' src='http://www.alexygoguet.fr.nf/ndxz-studio/site/js/jquery.thickbox.js'></script>

rasmusflindt
DENMARK
2010-05-23 09:23:06
Permalink Post
 

I have tried to impliment Jesper's files on my site, but for some reason the photo is displayed underneath the thumbnails. I have looked at the code for a long time, but I can't locate my error.
Can somebody please guide me in the right direction?

flindtpedersen.com

rasmusflindt
DENMARK
2010-05-23 10:07:46
Permalink Post
 

Never mind you guys. I think I got it now. But can any of you try my page out in Internet Explorer to see if the image display is working properly? That would make me a happy camper.

ntlk
UNITED KINGDOM
2010-05-23 12:38:48
Permalink Post
 

I don't have IE, but always use IE renderer to make sure it's all ok

ntlk
UNITED KINGDOM
2010-05-23 12:40:39
Permalink Post
 

Sent last post too early, does anyone know a way to make sure scripts work properly in IE when you can't get hold of IE? IE renderer is lovely, but it's only a screenshot.

verena
GERMANY
2010-06-24 09:30:29
Permalink Post
 

Hi there, sorry, ntlk, I can't answer your question, I got one myself:
I just tried to install the full background plugin (not working yet) and the instructions say, that thickbox won't work with this plugin, so I changed my code like ABOUTQ told in the first post here. It didn't work so I installed wobblebox from this Webpage as jesper told earlier in this post. Also this isn't working. Does anyone have an idea where to look for the mistake? I'm quite at a loss now...
Thanx.
V.
Webpage
the thickbox I wanted to use here:
thickbox

verena
GERMANY
2010-06-24 15:11:35
Permalink Post
 

Hi again,
I redid everything, took the files from jespers website. Still it's not working. Do I need something elso to install, so I can select the wobblebox in the exhibition format?
Can anyone help, please?
Thanks, V.

rasmusflindt
DENMARK
2010-06-24 15:39:26
Permalink Post
 

@ Verena
Can you post a link to your website?

verena
GERMANY
2010-06-24 17:07:25
Permalink Post
 

Hi rasmusflindt,
sorry, the link was in the post above, now again:
Webpage
and this is the section where I wanted to use the wobblebox:here
Thanks for your effort, maybe it's only a small thing I missed? I guess I need a plugin so I can select the wobblebox in the exhibition format?
V.

pietrino
ITALY
2010-06-30 14:05:13
Permalink Post
 

Hello everyone! i love indexhibit!
I am stuck on this (been for a few days now!) - not capable of understanding what I am doing wrong:

http://www.gettingmarrieditaly.com/index.php?/albums/peek-in-a-classic-album/

In what folder does the file jquery.thickbox.css go?

and the file jquery.thickbox.js? Am I putting these in the wrong folders?

Best pietro

Showing 1 - 34 of 34 posts in Forum > Customize > Use Thickbox with jQuery >1.3
 

You need to be logged in to post.