PDA

View Full Version : Pixelating Slide Show



DizzyIzzie
08-03-2006, 05:30 PM
1) Pixelating Slide Show

2) http://www.dynamicdrive.com/dynamicindex14/pixelate.htm

3) I have a WordPress site and I've installed the Pixelating script in my header. It looks like the header is rotating images but the images aren't visible. I don't know what I did wrong. Can someone please help? :confused:

jjvoice
08-03-2006, 05:48 PM
DizzyIzzie,

There are probably a number of reasons that could be causing the problem. Maybe someone else can help, but I do not think I could see what is wrong without seeing your code.

Bob

DizzyIzzie
08-03-2006, 06:07 PM
Hi Bob-

Now the first of 5 images is displayed and it looks like its changing images but it doesn't. I've copied all of my header.php code below followed by the style.css code for the header. Thanks for helping!

header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<?php
/* ----- If the SEOTags plugin is active, then insert Title, Description and Keyword customer fields ----- */
if (function_exists(jw_SEOTags))
jw_SEOTags();
else {
echo "<title>";
bloginfo(‘name’);
wp_title();
echo "</title>";
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<!-- ***** Date / Time script ***** -->
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/DateDisplay.js" language='JavaScript1.2'></script>
<script type="text/javascript">
<!--
var font_sizes = new Array( 100, 110, 120 );
var current_font_size = 0;
if ( ( typeof( NN_reloadPage ) ).toLowerCase() != 'undefined' ) { NN_reloadPage( true ); }
if ( ( typeof( opacity_init ) ).toLowerCase() != 'undefined' ) { opacity_init(); }
if ( ( typeof( set_min_width ) ).toLowerCase() != 'undefined' ) { set_min_width( 'pageWrapper' , 600 ); }
if ( ( typeof( loadFontSize ) ).toLowerCase() != 'undefined' ) { event_attach( 'onload' , loadFontSize ); }
//-->
</script>
<link rel="stylesheet" type="text/css" media="print" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=category&format=link'); ?>
<?php wp_head(); ?>

<script language="JavaScript1.1">
<!--

//Pixelating Image slideshow
//Copyright Dynamic Drive 2001
//Visit http://www.dynamicdrive.com for this script

//specify interval between slide (in mili seconds)
var slidespeed=9000
//specify images
var slideimages=new Array("images/headslide_00.jpg",
"images/headslide_01.jpg",
"images/headslide_02.jpg",
"images/headslide_03.jpg",
"images/headslide_04.jpg",
"images/headslide_05.jpg")


var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}

//-->
</script>



</head>

<body >
<div id="pageWrapper">
<div id="masthead" class="inside">
<table ><tr>
<td id="mastheadbg"><div id="h1margintop"><a href="javascript:gotoshow()"><img src="images/headslide_01.jpg" name="slide" width="720" height="210" hspace="4" vspace="8" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>

<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()

//-->
</script>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

</div></td>
</tr></table>
</div>
<div id="subhead" class="hnav">&nbsp;</div>


style.css:

#mastheadbg
{
background: #427FC0 url(images/headslide_01.jpg) no-repeat; url(headslide_02.jpg) no-repeat; url(headslide_03.jpg) no-repeat; url(headslide_04.jpg) no-repeat; url(headslide_05.jpg) no-repeat;

height: 210px;

jjvoice
08-03-2006, 07:00 PM
DizzyIzzie,

I don't see anything you've done wrong. I installed the script myself and it works fine. Maybe someone else can see what is wrong. Couple things I'd just check to be sure - you say that the first image does appear and it looks like they are changing, but they don't. Are you sure all your images are uploaded into your directory, and permissions are set properly for display? Other than that, I don't see a problem. Sorry I couldn't be more help.

Bob

DizzyIzzie
08-03-2006, 07:26 PM
Thanks for looking!

I'm sure all the images are uploaded but I'm not sure I've entered the code correctly. I'm new to all of this!

Thanks again for trying!