Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Java lightbox

Started by Bouzy210 , Jul 21 2007 01:27 PM

Please log in to reply

8 replies to this topic

#1 Bouzy210

Jedi In Training

Members
434 posts

Gender:Male

Posted 21 July 2007 - 01:27 PM

I have been trying to put lightbox on my site I am making, but its not working. I have searched on forums and can't find exactly the same problem. When I click on my thumnail to open it abosolutly nothing happens. It just says done in my loading bar on firefox.. I think I have everything required to do it. I have the tag in the head I have a seperate css sheet thats linked to I have the link line of java stuff. I will show you my code and if you see what it is please let me know.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtmll/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 
 <head>
 
 <script type="text/javascript" src="lightbox.js"></script>
 
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 
 <title>Goldfish Graphics</title>
 
 <link type="text/css" rel="stylesheet" href="lightbox.css" />
 <link type="text/css" rel="stylesheet" href="Goldfish.css" />
 
 <style type="text/css">
 <!--
 A {text-decoration:none}
 -->
 </style>
 
 </head>
 <body>
 
 <div id="container">
 
 <div id="banner">
 <img src="images/banner.jpg" alt= "Goldfish Graphics Banner Image" />
 </div>
 
 
 <div id="navigation">
 <div id="hvan">
 <a href="index.php">Home</a> &nbsp; &nbsp; &nbsp; &nbsp;  <a href="services.php">Services</a> &nbsp; &nbsp; &nbsp; &nbsp;  <a href="portfolio.php">Portfolio</a> &nbsp; &nbsp; &nbsp; &nbsp; <a href="contact.php">Contact</a>
 </div>
 </div>
 
 <div id="sidebar">
 
 <div id="texto">
 
 <h4 class="sidebar"> Testimonies</h4>
 <p>
 <?php include('testmonies.php'); ?>
 
 </p>
 </div>
 
 <h4>Links</h4>
 
 <div id="links">
 
 <div class="nav"> 
 <p>
 <a href="#">Pixel2Life</a>
 <br />
 <a href="#">Link</a>
 <br />
 <a href="#">Link</a>
 <br />
 <a href="#">Link</a>
 </p>
 </div>
 
 
 </div>
 </div>
 
 
 
 
 <div id="content">
 <div id="text">
 <h2>Portfolio</h2>
 <p id="home">
 
 
 </p>
 <br />
 <br />
 <h5>Websites:</h5>
 <br />
 <br />
 <br />
 <br />
 
 <h5>Print Graphics:</h5>
 <a href="softball.jpg" rel="lightbox" title="This is a fastball team logo that I made for a team. They wanted something simple with a few colors that was easy to screen print."><img src="images/bb.jpg" border="0" alt= "A thumnail of my work" /></a>
 
 <p id="news">
 
 </p>
 </div>
 </div>
 
 <div id="footer">
 </div>
 
 
 
 </div>
 
 
 
 
 
 
 
 </body>
 </html>

Edited by Bouzy210, 21 July 2007 - 01:28 PM.

Back to top

#2 Demonslay

P2L Jedi

Members
973 posts

Gender:Male
Location:A strange world where water falls out of the sky... for no reason.
Interests:Graphic Design, Coding, Splinter Cell, Cats

Posted 21 July 2007 - 09:06 PM

Might help to read how to set it up from the main site.

http://www.huddletog...ects/lightbox2/

It requires the Prototype framework and the Scriptaculous effects library.

And please, for the love of God, it is 'JavaScript'. Java is a completely different language.

Edited by Demonslay, 21 July 2007 - 09:07 PM.

Back to top

#3 Bouzy210

Jedi In Training

Members
434 posts

Gender:Male

Posted 21 July 2007 - 09:31 PM

First off I have no idea what Prototype framework and the Scriptaculous effects library are. I don't want to learn java script I just want that effect for my site also. I Have been on the site it says nothing about that. Could you be more descriptive like tell me what to do or what that means?

And if you look at my code I did include the things I need for the first version of lightbox. I followed the instructions as best I could. .l........................

Edited by Bouzy210, 21 July 2007 - 09:32 PM.

Back to top

#4 Bouzy210

Jedi In Training

Members
434 posts

Gender:Male

Posted 21 July 2007 - 09:35 PM

Grr im an idjot I had the image path wrong srry. I still have a problem though it only works in firefox not ie. When i click the thumnail in IE my image comes up on a blank white screen like if you were to look at an images url.............. So frustrating it seems all my problems start when I load Ie.

Edited by Bouzy210, 21 July 2007 - 09:55 PM.

Back to top

#5 Demonslay

P2L Jedi

Members
973 posts

Gender:Male
Location:A strange world where water falls out of the sky... for no reason.
Interests:Graphic Design, Coding, Splinter Cell, Cats

Posted 22 July 2007 - 12:53 AM

Here's where it tells you exactly what you need to do to set it up. Right on the page I linked before, if you'd have looked.
http://www.huddletog.../lightbox2/#how

This is the Prototype framework.
http://www.prototypejs.org

This is the Scriptaculous library.
http://www.script.aculo.us/

A simple search on Google would have yielded plenty of resources...

Back to top

#6 Bouzy210

Jedi In Training

Members
434 posts

Gender:Male

Posted 27 July 2007 - 06:31 PM

I did do all of that and a google search didn't really help. From what I can tell its security settings, or it is something else I don't comprehend because I downloaded the things you told me to and put them in my files. It still does the same thing... Can anyone help?

Back to top

#7 Bouzy210

Jedi In Training

Members
434 posts

Gender:Male

Posted 28 July 2007 - 12:40 PM

Possibly I should post some code. Hear is my php file..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>


<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>Goldfish Graphics</title>

<link type="text/css" rel="stylesheet" href="lightbox.css" />
<link type="text/css" rel="stylesheet" href="Goldfish.css" />

<style type="text/css">
<!--
A {text-decoration:none}
-->
</style>

</head>
<body>

<div id="container">

<div id="banner">
<img src="images/banner.jpg" alt= "Goldfish Graphics Banner Image" />
</div>


<div id="navigation">
<div id="hvan">
<a href="index.php">Home</a> &nbsp; &nbsp; &nbsp; &nbsp;  <a href="services.php">Services</a> &nbsp; &nbsp; &nbsp; &nbsp;  <a href="portfolio.php">Portfolio</a> &nbsp; &nbsp; &nbsp; &nbsp; <a href="contact.php">Contact</a>
</div>
</div>

<div id="sidebar">

<div id="texto">

<h4 class="sidebar"> Testimonies</h4>
<p>
<?php include('testmonies.php'); ?>

</p>
</div>

<h4>Links</h4>

<div id="links">

<div class="nav"> 
<p>
<a href="#">Pixel2Life</a>
<br />
<a href="#">Link</a>
<br />
<a href="#">Link</a>
<br />
<a href="#">Link</a>
</p>
</div>


</div>
</div>




<div id="content">
<div id="text">
<h2>Portfolio</h2>
<p id="home">


</p>
<br />
<br />
<h5>Websites:</h5>
<br />
<br />
<br />
<br />

<h5>Print Graphics:</h5>
<a href="Images/softball.jpg" rel="lightbox" title="This is a fastball team logo that I made for a team. They wanted something that was simple so they could screen print it onto shirts and hats."><img src="images/bb.jpg" border="0" alt= "A thumnail of my work" /></a>

<p id="news">

</p>
</div>
</div>

<div id="footer">
</div>



</div>







</body>
</html>

In root folder or whatever i have all the libraries the lightbox and css files. When I click on the image in any browser it loads a new page with nothing but the image in it.

Back to top

#8 Bouzy210

Jedi In Training

Members
434 posts

Gender:Male

Posted 01 August 2007 - 01:08 PM

After 2 weeks of frustration I learned a very very very very very very valuable lesson. SAVE your file extensions in the correct format....... Once i did that it worked like a charm. Topic Closed.