Image opens in new window

8 messages

Image opens in new window

Reply Threaded

I have spent 6 hours trying to get this to work. I have unzipped and uploaded the folder containing all of the files to my web server (root) and inserted the links to the JS and CSS as provided. (This after spending 2 days trying to get Lightbox to work).

My page: http://www.sandovalpipeline.com/services.htm (some of the photos are being changed so they are not in place yet)

All of the image files are located in the image folder located in the root.

My deadline has passed because I cannot to get this effect to work. So please, need assistance asap!

Once I can verify that this works, I will be glad to purchase the commercial license.

Cyclonist

Re: Image opens in new window

Reply Threaded

I do have the same problem!
I followed the instructions completely, but the shadowbox will not appear!
It only opens as a linked image ...

I'm using softpress freeway pro on a mac system ... insterted the described code "before head", inserted the rel tab with "shadowbox" and ... it doesn't work at all, although the ordinary lightbox script worked perfectly. but since I' like to get a mov file appear, I used the shadowbox ...
Well even linked to a jpg it always opens a new window ...

Pls help!

jackrabbit

Re: Image opens in new window

Reply Threaded

In reply to this post by GlendaE

This sound similar... Like players: ['img', 'iframe', 'html'] is missing... Change Shadowbox.init(); to : Shadowbox.init({
players: ['img', 'iframe', 'html']
});

Cyclonist

Re: Image opens in new window

Reply Threaded

jackrabbit wrote:

This sound similar... Like players: ['img', 'iframe', 'html'] is missing... Change Shadowbox.init(); to : Shadowbox.init({
players: ['img', 'iframe', 'html']
});

No, this has been done!
But thank you.
From my point of view, there is probably something wrong in the file structure. I uploaded the shadowbox-folder completely as discribed in the tutorial - i.e. I left all contend in the shadowbox-folder ... But the java-script seems not to be triggered by the html ...

GlendaE

Re: Image opens in new window

Reply Threaded

In reply to this post by jackrabbit

I appreciate you responding, however, the changes are not making a
difference.

Do I have the code correct?

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({ players: ['img', 'iframe', 'html'] });
</script>

Is it preferred to save the images in PNG or JPG format. Currently
using JPG. Do I need to put the images in a separate folder.
Presently I have all the other site images in a subfolder in the
Images folder called Assets with only the images that are part of the
Shadowbox in the top level--Images.

Tried the script on another website served by a different web host.
It doesn't work for the same reasons. I didn't copy and paste the
code from the other site--I wanted to make sure it was not copying a
bug. In fact, I tried the standard code provided with the application
on the 2nd site.

View:
http://www.sandovalpipeline.com/services.htm
and
http://www.egrafxx.com/portfolio.htm

---------------------------------------
Glenda Ebersole
E GRAFXX MARKETING GROUP, INC.
Toll Free: 888-483-6909

New! http://www.myprintpro.net

Advertising Design Awards
Portfolio: www.egrafxx.com

Marketing Solutions
-Custom Website Design
-Database + Ecommerce
-Search Engine Marketing
-Email Advertising
-Logos & Stationery
-Catalogs & Brochures
-Direct Mail

On Oct 27, 2009, at 8:34 AM, jackrabbit [via Shadowbox] wrote:

> players: ['img', 'iframe', 'html']
> });

GlendaE

Re: Image opens in new window

Reply Threaded

In reply to this post by GlendaE

Searched the internet for a fix. No luck. Responses here did not work. So I gave Lightbox another try and got it to work.

Here are the instructions for Lightbox if you still need help:

Download Lightbox 2.0.4: http://www.huddletogether.com/projects/lightbox2/#download

Place the following in the <head> section:

<link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Unzip the folder in your site. Move the individual images files to your own images folder, move the js folder and css folder to your top level files (same as your web pages) and upload all 3 folders to your server.

To view the link setup, review the source code my working page: http://www.sandovalpipeline.com/services.htm

If you still have trouble, you can contact me via my website at http://www.egrafxx.com/contact.htm

Note: It took me 4 days to get this effect to work--so I feel your pain.

Good Luck!

GlendaE

Re: Image opens in new window

Reply Threaded

In reply to this post by Cyclonist

Make sure your code is IN the head section rather than before as you mentioned.

Cyclonist

Re: Image opens in new window

Reply Threaded

Thanks GlendaE!

I think, I'll go back to the lightbox as well, ... as long as anyone seems to be able to explain, how shadowbox porperly works.

Cheers