Does not work . . . What did I do wrong?
  • I have tried to get this to work . . . followed instructions exactly . . . Nothing happens. I know the scripts work, seen them on other sites . . . but not on mine.

    I rearranged by taking everything out of the main folder (prettyPhoto) and moving them (/js, /css, /images) into the main folder. Still nothing.

    http://www.ahgweb.com/test/demo3/index.html

    Simply one pic, want to get this to work . . . then can apply it to a project.

    What did I do wrong?
  • Great big help folks. Here is the page code (entire flipping page):

    --------------------


    Home



















    $(document).ready(function()
    {
    $("a[rel^='prettyPhoto']").prettyPhoto();
    });




    --------------------------------------------------------------------------------

    Hell, I do tech support for a software company. In the folder where the web page is stored, I have a folder named "prettyphoto" with the "css", "js" and "images" folders inside . . . exactly what I got in the zip file. Nothing more nothing less.

    I added another folder in the same folder, named it "js" and put jquery.js inside of it.
  • I also tried to remove the css, js, and images folders to the main folder . . . doesn't work at all.

    When I click on the link, I see the picture in the link, but hell! I could do that WITHOUT adding all this stuff.

    WTF did I do wrong? I'll admit it must be my mistake. Not saying anything YOU have done is wrong, I just want to make this work.

    www.ahgweb.com/test/pole3/index.html
  • Let's try a few things ....

    Like change this:




    To this:



    I wonder if the non-standard HTML is causing a problem?
    Using FrontPage is not a good thing.
  • Well, tried it with a plain text editor (notepad ++) as well as a couple of plain jane pure HTML editors . . . no go.

    Tried it with WebPlus . . . no go.

    Figured what the hell, let's go find the old FP disk and reinstall. Still no go.

    The only difference between your code and mine are the linebreaks and that I had used an "A" instead of "a" to close the hyperlink.

    There has to be something else wrong . . . too often I see this script implemented to think that it isn't my fault.
  • Besides, I'm using front page as strictly an HTML editor. Never open the "normal" page to edit by pics. Every time I open the "preview page" it gives me notice that there are scripting errors directly related to this script.

    It is convenient, however, as I can instantly load the page to the server to see if anything is working.
  • O.K. I decided to put ABSOLUTE PATHS for each of the relative paths.

    Still nothing:

    --------------------------------------------------------


    Home























    $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
    });






    ---------------------------------------------------------------

    All it does is link to the pic . . . nothing that a standard link without adding all the javascript etc. won't do.

    I would really appreciate some HELP!!!
  • Reminds me of a line by Chief Dan George in the movie Little Big Man. He goes to the mountain to die, says his peace to the Creator, and lays down to die. Then the rain begins to fall. Dustin Hoffman starts talking to him and finally he says to Dustin Hoffman:

    "Sometimes the magic works, sometimes it doesn't."

    I'm guessing that's where this script falls: Sometimes it works, sometimes it doesn't.
  • Let's try a different jquery.js ...

    Take out your jquery.js and use the Google version:

    So your whole upper portion now looks like this ....




    My Site



    google.load("jquery", "1.3");





    * { margin: 0; padding: 0; }

    ul li { display: inline; }

    .wide {
    border-bottom: 1px #000 solid;
    width: 4000px;
    }
  • No change. Still works just like a regular hyperlink . . . in firefox and explorer.

    --------------------------------------------------------------




    My Site



    google.load("jquery", "1.3");





    * { margin: 0; padding: 0; }

    ul li { display: inline; }

    .wide {
    border-bottom: 1px #000 solid;
    width: 4000px;
    }

















    $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
    });
  • Upload all of their demo stuff and see if that works.
  • Well I can't figure it out either. I started with the greybox script that I have always used to pop up Google Maps. If used greybox for gallery, the popup starts but no image. 2 scripts later, prettyPhoto being the 2nd one, I still don't get any javascript popups, just full page images like the above person said.

    My site is at www.weightlossmapcenter.com/success-stories.php if anyone has time to check it out.

    Thanks,
    Alex
  • Alex,

    try loading jQuery before you load PrettyPhoto, also try using at least jQuery 1.3.2 instead of 1.2.6

    Try that and see.. Good Luck..
  • Hey,
    just had the same problem and solved it,

    I've added the code to the bottom of the page:
    $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});
    });

    * make sure you link to the css file from this page
  • miko4u: i'm almost about to give up but when I added your code, it worked.. but only on images. Videos still open in a new page. Can anyone help? Thanks!
  • Crystal: Can you give me a link so I can test it?
  • Hi Scaron, I'm not sure what you mean by link but here's a page:

    http://www.bottleless.com/first/im-going-to-test-prettyphoto-on-images-and-videos

    As you can see, it worked on the image but not on the video.

    I'd also like to do the same thing on my home page:

    http://www.bottleless.com/first/


    Thanks a lot!

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!