Removing Tooltip

I modified a grid layout + lightbox according to this post

showthread.php?t=10053

I commented out the new tooltip section but I am still getting a tooltip that displays - also the lightbox no longer displays - the enlarged image just opens in a new page.......now I fugure that I amy need to do something else - can anyone give some advice?

The test page is located at film_new.php

Shadow

Check out this thread, post #4 showthread.php?t=10555&highlight=jquery

You are using jQuery, so that is causing a conflict. If you edit the gallery.js file for your gallery - and change $( to document.id( - that should fix the issue.

However, I also noticed 404 errors when it was trying to load some of the powergallery javascript files. Can you double check the /js main folder and /js folder for your gallery are uploaded to the server?

when I view source of your page, the links to the CSS and JS files for power gallery are not correct.


this section of code:

<style type="text/css" media="all"> 
	@import url("css/slimbox/slimbox.css");
  @import url("css/common.css");
	@import url("css/light.css");
  </style> 
    <script type="text/javascript" src="js/mootools-core.js"></script> 
  <script type="text/javascript" src="js/mootools-more.js"></script> 
      <script type="text/javascript" src="js/slimbox.js"></script> 
    <script type="text/javascript" src="js/gallery.js"></script>

should be:

<style type="text/css" media="all"> 
	@import url("gallery/css/slimbox/slimbox.css");
  @import url("gallery/css/common.css");
	@import url("gallery/css/light.css");
  </style> 
    <script type="text/javascript" src="gallery/js/mootools-core.js"></script> 
  <script type="text/javascript" src="gallery/js/mootools-more.js"></script> 
      <script type="text/javascript" src="gallery/js/slimbox.js"></script> 
    <script type="text/javascript" src="gallery/galleries/grid_lightbox/js/gallery.js"></script>

also, power gallery uses the mootools package which will conflict with jquery.

you will need to remove the jquery script:
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>

this two are why the lightbox is not working.


For the tooltip, the code in the following file has not been commented:
gallery.js

change:

//tooltips
		this.tips = new Tips(this.thumbs.images, {
			className: 'pg-gl-tip',
			offset: {'x': -125, 'y': 20}
		});

to:

//tooltips
/*		this.tips = new Tips(this.thumbs.images, {
			className: 'pg-gl-tip',
			offset: {'x': -125, 'y': 20}
		});
*/

That did it! I was pulling my hair out over that one! I was concerned that the ScriptLibrary/jquery statement would break something else since the page uses other javascript components but I don't see anything wrong so far. The link problem might have been inadvertently caused since "I think" I might have clicked "update links" when I copied the original theme folder to make the custom one.....didn't do that this time! Thanks guys.......now I can get these slideshows done...thanks!

Shadow