PDA

View Full Version : fader script

johncpiercy
07-11-2007, 04:10 PM
trying to get the fader script to work ,,
Ive uploaded the fader.js to my server

<script type="text/javascript" src="fader.js"></script>
<script type="text/javascript" src="templates/visions/jscript/styleswitcher.js"></script>

</head>

<body>



\
Can someone tell me if my code is correct and in the right spot !

thanks guys ,,

Ive donated ,,, to the PP donation page

jp
dakwegmo
07-11-2007, 04:42 PM
As long as the fader.js script is in your PP root directory that should work.
johncpiercy
07-11-2007, 04:49 PM
thanks fr the reply .
I put it in the scripts folder .... is this correct ??

jp
johncpiercy
07-11-2007, 04:53 PM
Im better at visuals
this my help

http://farm2.static.flickr.com/1115/778110172_089502d4c7.jpg
jaywilliams
07-11-2007, 05:12 PM
If you have the file in the same location as styleswitcher.js you need to use this code:

<script type="text/javascript" src="templates/visions/jscript/fader.js"></script>
<script type="text/javascript" src="templates/visions/jscript/styleswitcher.js"></script>
dakwegmo
07-11-2007, 05:14 PM
^^^ What he said...
johncpiercy
07-11-2007, 05:42 PM
thanks for the assist ,,

can someone give my link a push and see what it does
www.fotoshift.com

love the new PP web design

appreciate the help

jp
jaywilliams
07-11-2007, 05:47 PM
In order to get the fader script to work, you need to add id="photo" to your photo's <img> tag.

Like so:

<img class="photobox" src="images/<IMAGE_NAME>" title="<IMAGE_TITLE>" alt="<IMAGE_TITLE>" border="0" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" id="photo" />
johncpiercy
07-11-2007, 06:23 PM
thanks jay ,, no luck

Ive pasted the code in and no image loads now ,,

Im gonna try this later today ,, been inside too long today

appreciate the help

jp
dhdesign
07-11-2007, 08:59 PM
John -

In order for me to get the fader script working on my photoblog, I had to include the < script > tag in the body, right before the code for the image.

See the code below that you need to insert in your image_template. When you make this change, be sure to remove the script call in the head section of the page before reuploading your template file.

<div class="wrap3">
<script type="text/javascript" src="templates/visions/jscript/fader.js"></script>
<img class="photobox" src="images/<IMAGE_NAME>" title="<IMAGE_TITLE>" alt="<IMAGE_TITLE>" border="0" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" id="photo" />

Let me know if this works for you, okay?
johncpiercy
07-11-2007, 09:47 PM
WOW ,, works like a charm ,, can you check my source , to see if I installed it correctly ,, I would just like to make sure

Thanks SO much

jp
johncpiercy
07-11-2007, 09:50 PM
I appreciate all the help , I got from everyone ,, Pixel Post is working great now

jp
dhdesign
07-11-2007, 10:09 PM
I took a look at the source, and you've got the script call in the right place, but you've duplicated a < div > tag.

Existing code:

<div id="picture">
<div class="wrap1">
<div class="wrap2">
<div class="wrap3">
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>"><div class="wrap3">
<script type="text/javascript" src="templates/visions/jscript/fader.js"></script>
<img class="photobox" src="images/<IMAGE_NAME>" title="<IMAGE_TITLE>" alt="<IMAGE_TITLE>" border="0" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" id="photo" /></a>


Replace those lines with this:

<div id="picture">
<div class="wrap1">
<div class="wrap2">
<div class="wrap3">
<script type="text/javascript" src="templates/visions/jscript/fader.js"></script>
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>"><img class="photobox" src="images/<IMAGE_NAME>" title="<IMAGE_TITLE>" alt="<IMAGE_TITLE>" border="0" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" id="photo" /></a>


You should be good to go after making this change! ;)
johncpiercy
07-11-2007, 10:54 PM
works great ,, sent you an email and a comment on your PP site

thanks SO much

jp
DMalty
07-16-2007, 01:35 PM
I know that I am ALMOST there but I can't seem to get my pic to pop in first (it seems to happen on some of the frames, not all but I could be wrong) and THEN fade in. Any help / suggestions would be greatly apreciated.

The site I am developing it at is http://ptest.thislldotoo.com

(updated on 7/18..I just did some major changes to the site. Thanks for whoever passed by to check. I took out the fader and will work on it over the weekend.)

(updated on 7/21..Well, still having the same problem :( )
dhdesign
07-27-2007, 09:11 PM
I know that I am ALMOST there but I can't seem to get my pic to pop in first (it seems to happen on some of the frames, not all but I could be wrong) and THEN fade in. Any help / suggestions would be greatly apreciated.

The site I am developing it at is http://ptest.thislldotoo.com

(updated on 7/18..I just did some major changes to the site. Thanks for whoever passed by to check. I took out the fader and will work on it over the weekend.)

(updated on 7/21..Well, still having the same problem :( )

It looks like the fader script is working properly on your site now. The way this script works, the image doesn't start to fade in until it is fully loaded. Not sure what you mean by it "popping in first, then fading in". :confused: