slideshow won't load [#387190]

I have everything working right it seems; however, when I add the block to the page I see the navigation bar, but only get a spinning circle that appears to be loading. It can't be my computer/flash player version because I can see the demo site just fine. Any suggestions?

Comment	File	Size	Author
#10	error1.jpg	20.55 KB	pillow
	Picture 1.png	12.84 KB	roryjasonmartin

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

wilco CreditAttribution: wilco commented 1 March 2009 at 04:05

Can you copy and past the <HEAD> of the page so I can see what the CSS and JS of your site is returning?

-wil

Comment #2

roryjasonmartin CreditAttribution: roryjasonmartin commented 1 March 2009 at 13:58

<head>
    <title>TEST | Quality Education in a Biblical Setting</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/sites/all/themes/acquia_marina/favicon.ico" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/fasttoggle/fasttoggle.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/acquia_marina/css/fpss-Sleek.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/aggregator/aggregator.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?1" />

<link type="text/css" rel="stylesheet" media="all" href="/modules/poll/poll.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/forum/forum.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/acquia_marina/style.css?1" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/acquia_marina/icons.css?1" />
    <!--[if IE 7]>
      <link rel="stylesheet" href="/sites/all/themes/acquia_marina/ie7-fixes.css" type="text/css">
    <![endif]-->
    <!--[if lte IE 6]>
      <link rel="stylesheet" href="/sites/all/themes/acquia_marina/ie6-fixes.css" type="text/css">
    <![endif]-->
    <script type="text/javascript" src="/misc/jquery.js?1"></script>
<script type="text/javascript" src="/misc/drupal.js?1"></script>

<script type="text/javascript" src="/sites/all/modules/fasttoggle/fasttoggle.js?1"></script>
<script type="text/javascript" src="/sites/all/themes/acquia_marina/script.js?1"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/" });
//--><!]]>
</script>

is this the information you are looking for?

-Rory

Comment #3

wilco CreditAttribution: wilco commented 1 March 2009 at 18:22

Great.

At least the CSS is loading. That's a good first step.

If you look at the bottom of your page Source, you should also see this:

<script type="text/javascript" src="/sites/wilco.nurf.com/modules/fpss/fpss/engines/jquery-comp.js?y"></script>
<script type="text/javascript" src="/sites/wilco.nurf.com/modules/fpss/fpss/engines/jquery-fpss-comp.js?y"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var speed_delay = 6000;var slide_speed = 500;var fpssLoaderDelay = 500;var CTRrotateAction = 'click';
//--><!]]>
</script>

Or something that looks like it. If you do not, this may be the reason why your page is not loading properly. These scripts engaged the FPSS. This module does not make use of Flash. It is completely jquery driven. Try and resolve this issue first.

-wil

Comment #4

wilco CreditAttribution: wilco commented 1 March 2009 at 18:25

Oh, as a side note, these scripts are loaded into the page via a template variable <?php print $closure; ?>

If this does not exist in your page.tpl.php. It is highly likely the module won't work.

-wil

Comment #5

roryjasonmartin CreditAttribution: roryjasonmartin commented 1 March 2009 at 20:03

Ok here is what I have at the bottom of my source code:

<script type="text/javascript" src="/sites/all/modules/fpss/fpss/engines/jquery-fpss-comp.js?1"></script>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
var speed_delay = 4000;var slide_speed = 500;var fpssLoaderDelay = 500;var CTRrotateAction = 'click';
//--><!]]>
</script>

I checked for the template variable you mentioned and it is there; please instruct concerning troubleshooting from this point.

-Rory

Comment #6

wilco CreditAttribution: wilco commented 2 March 2009 at 01:22

It seems you are missing this file: "jquery-comp.js".

Although the instructions aren't completely clear and I haven't had much time to straighten things out, it is clear to me now that FPSS needs better guidance.

Make sure your default admin settings are as follows:

Template = Default
Disable JS Library = No
Optmize JS = No
JS Location = Footer

I believe those settings may be the issues.

-w

Comment #7

roryjasonmartin CreditAttribution: roryjasonmartin commented 2 March 2009 at 03:21

sorry for my ignorance, but thank you for walking me through this issue; it is working fine now.

-Rory

Comment #8

wilco CreditAttribution: wilco commented 2 March 2009 at 07:05

Status:

Active

» Fixed

Think nothing of it, least of which is ignorance. The module is poorly documented. I'll work on that.

-wil

Comment #9

16 March 2009 at 07:10

Status:

Fixed

» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Comment #10

pillow CreditAttribution: pillow commented 22 April 2009 at 07:59

File	Size
error1.jpg	20.55 KB

I created two slideshows named slideshow1 and slideshow2, uploaded some pictures(type bmp, jpeg, png) enale the related blocks in content and footer region.
By viewing the source code of the web page, the css file was loaded, and both of jquery-comp.js and jquery-fpss-comp.js was found at the footer.
But the pics seems not be loaded at all, the following was the part of code. Any help will be appreciated~~


<div id="block-fpss-8" class="clear-block block block-fpss">


  <div class="content"><div id="fpss-outer-container"><div id="fpss-container"><div id="fpss-slider"><div id="slide-loading"></div><div id="slide-wrapper"><div id="slide-outer"></div></div></div><div id="navi-outer"><div id="pseudobox"></div><div class="ul_container"><ul><li class="noimages"><a id="fpss-container_prev" href="javascript:void(0);" onclick="showPrev();clearSlide();" title="Previous">&laquo;</a></li><li class="noimages"><a id="fpss-container_next" href="javascript:void(0);" onclick="showNext();clearSlide();" title="Next">&raquo;</a></li><li class="noimages"><a id="fpss-container_playButton" href="javascript:void(0);" onclick="playButtonClicked();return false;" title="Play/Pause Slide">Pause</a></li></ul></div></div><div class="fpss-clr"></div></div><div class="fpss-clr"></div></div></div>
</div>
          </div>
                    <div id="footer"><div id="block-fpss-6" class="clear-block block block-fpss">


  <div class="content"><div id="fpss-outer-container"><div id="fpss-container"><div id="fpss-slider"><div id="slide-loading"></div><div id="slide-wrapper"><div id="slide-outer"></div></div></div><div id="navi-outer"><div id="pseudobox"></div><div class="ul_container"><ul><li class="noimages"><a id="fpss-container_prev" href="javascript:void(0);" onclick="showPrev();clearSlide();" title="Previous">&laquo;</a></li><li class="noimages"><a id="fpss-container_next" href="javascript:void(0);" onclick="showNext();clearSlide();" title="Next">&raquo;</a></li><li class="noimages"><a id="fpss-container_playButton" href="javascript:void(0);" onclick="playButtonClicked();return false;" title="Play/Pause Slide">Pause</a></li></ul></div></div><div class="fpss-clr"></div></div><div class="fpss-clr"></div></div></div>
</div>
</div>
      </div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->

      
    </div> <!-- /container -->
  </div>
<!-- /layout -->

  <script type="text/javascript" src="/drupal/sites/all/modules/fpss/fpss/engines/jquery-comp.js?K"></script>
<script type="text/javascript" src="/drupal/sites/all/modules/fpss/fpss/engines/jquery-fpss-comp.js?K"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var speed_delay = 4000;var slide_speed = 500;var fpssLoaderDelay = 500;var CTRrotateAction = 'click';
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var speed_delay = 4000;var slide_speed = 500;var fpssLoaderDelay = 5000;var CTRrotateAction = 'click';
//--><!]]>
</script>
  </body>
</html>

Comment #11

pillow CreditAttribution: pillow commented 23 April 2009 at 03:01

Status:

Closed (fixed)

» Active

Comment #12

pillow CreditAttribution: pillow commented 23 April 2009 at 03:51

Status:

Active

» Closed (fixed)

sorry for the question asked previously. I have konwn the correct method now.

Comment #13

ploufy CreditAttribution: ploufy commented 29 April 2009 at 12:58

Hi everybody,

I created 1 slideshow and 2 slides (linking to articles). The slideshow appears (navigation bar and the loader) but I have nothing inside.
When I add/modify a slide I have this message :
warning: preg_match() expects parameter 2 to be string, array given in /data/www/mywebsite/includes/bootstrap.inc on line 771.

My default admin settings :
Template = Default
Disable JS Library = No
Optmize JS = No
JS Location = Footer

My HTML

<link type="text/css" rel="stylesheet" media="all" href="/css/fpss-Default.css?Y" />

<div id="block-fpss-8" class="clear-block block block-fpss">
	<h2>Slide</h2>
  	<div class="content">
		<div id="fpss-outer-container">
			<div id="fpss-container">
				<div id="fpss-slider">
					<div id="slide-loading"></div>
					<div id="slide-wrapper">
						<div id="slide-outer"></div>
					</div>
				</div>
				<div id="navi-outer">
					<div id="pseudobox"></div>
						<div class="ul_container">
							<ul>
								<li class="noimages"><a id="fpss-container_prev" href="javascript:void(0);" onclick="showPrev();clearSlide();" title="Previous">&laquo;</a></li>
								<li class="noimages"><a id="fpss-container_next" href="javascript:void(0);" onclick="showNext();clearSlide();" title="Next">&raquo;</a></li>
								<li class="noimages"><a id="fpss-container_playButton" href="javascript:void(0);" onclick="playButtonClicked();return false;" title="Play/Pause Slide">Pause</a></li>
							</ul>
						</div>
					</div>
					<div class="fpss-clr"></div>
				</div>
				<div class="fpss-clr"></div>
			</div>
		</div>
	</div>		
</div>	

<script type="text/javascript" src="/sites/all/modules/fpss/fpss/engines/jquery-comp.js?Y"></script>
<script type="text/javascript" src="/sites/all/modules/fpss/fpss/engines/jquery-fpss-comp.js?Y"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var speed_delay = 4000;var slide_speed = 500;var fpssLoaderDelay = 500;var CTRrotateAction = 'click';
//--><!]]>
</script>

Do you have any idea?