Editing (v7+)

Slideshow Vanished!

Permalink 1 user found helpful February 14, 2011 at 9:36 AM

Please Help!
My slideshow was working fine. Then, it suddenly disappeared.
Now it seems to work occasionally - usually in edit mode.
I checked the source code and it's there, it just doesn't show for some reason. The site is w w w . sharp fence . com.
Sorry, don't like to link for security reasons.
Any help, advice?
Thanks!

Abs0lute replied on Mar 10, 2011 at 8:22 am Permalink Reply

Anybody got any ideas on this. It's totally weird.
The slideshow appears in edit mode. Then when I exit the page, it'll appear for up to a few hours. When I check later, it's gone.
Viewed the source code and it's there still in the code, just doesn't display.
Why does it only show for a little while? Code is:

<script type="text/javascript">
//<![CDATA[
var ccmSlideShowHelper308 = {
   bID:308,
   imgNum:0,
   init:function(){
      this.displayWrap=$('#ccm-SlideshowBlock-display'+this.bID); 
      if(this.imgInfos.length==0){
         //alert('There are no images in this slideshow');
         return false;
      }
      var maxHeight=0;
      for(var i=0;i<this.imgInfos.length;i++){
         this.addImg(i);
         if(maxHeight==0 || this.imgInfos[i].imgHeight > maxHeight)

Viewing 15 lines of 80 lines. View entire code block.

 
<script type="text/javascript">
//<![CDATA[
var ccmSlideShowHelper308 = {
 
   bID:308,
   imgNum:0,
 
   init:function(){
      this.displayWrap=$('#ccm-SlideshowBlock-display'+this.bID); 
      if(this.imgInfos.length==0){
         //alert('There are no images in this slideshow');
         return false;
      }
      var maxHeight=0;
      for(var i=0;i<this.imgInfos.length;i++){
         this.addImg(i);
         if(maxHeight==0 || this.imgInfos[i].imgHeight > maxHeight)
            maxHeight=this.imgInfos[i].imgHeight;
      }
      this.displayWrap.css('height',maxHeight);
 
 
      //center images
      for(var i=0;i<this.imgInfos.length;i++){ 
         if( this.imgInfos[i].imgHeight < maxHeight){
            var t=((maxHeight - this.imgInfos[i].imgHeight)/2);
            this.imgEls[i].css('top',t);
         }
      }
      this.nextImg();
   }, 
   nextImg:function(){ 
      if(this.imgNum>=this.imgInfos.length) this.imgNum=0;  
      this.imgEls[this.imgNum].css('opacity',0);
      this.imgEls[this.imgNum].css('display','block');
      this.imgEls[this.imgNum].animate({opacity:1},
         this.imgInfos[this.imgNum].fadeDuration*1000,'',function(){ccmSlideShowHelper308.preparefadeOut()});
      var prevNum=this.imgNum-1;
      if(prevNum<0) prevNum=this.imgInfos.length-1;
      if(this.imgInfos.length==1) return;
      this.imgEls[prevNum].animate({opacity:0},this.imgInfos[this.imgNum].fadeDuration*800,function(){this.style.zIndex=1;});         
   },
   preparefadeOut:function(){
      if(this.imgInfos.length==1) return;
      var milisecDuration=parseInt(this.imgInfos[this.imgNum].duration)*1000;
      this.imgEls[this.imgNum].css('z-index',2);
      setTimeout('ccmSlideShowHelper'+308+'.nextImg();',milisecDuration);
      this.imgNum++;
   },
   maxHeight:0,
   imgEls:[],
   addImg:function(num){
      var el=document.createElement('div');
      el.id="slideImgWrap"+num;
      el.className="slideImgWrap"; 
      if(this.imgInfos[num].fullFilePath.length>0)
          imgURL=this.imgInfos[num].fullFilePath;
      else imgURL='/files/'+this.imgInfos[num].fileName; 
      //el.innerHTML='<img src="'+imgURL+'" >';
      el.innerHTML='<div style="height:'+this.imgInfos[num].imgHeight+'px; background:url(\''+escape(imgURL)+'\') center no-repeat">&nbsp;</div>';
      //alert(imgURL);
      if(this.imgInfos[num].url.length>0) {
         //el.linkURL=this.imgInfos[num].url;
         var clickEvent='onclick="return ccmSlideShowHelper308.imgClick( this.href  );"';
         el.innerHTML='<a href="'+this.imgInfos[num].url+'" '+clickEvent+' >'+el.innerHTML+'</a>';         
      }
      el.style.display='none';
      this.displayWrap.append(el);
      var jqEl=$(el);
      this.imgEls.push(jqEl);
   },
   imgClick:function(linkURL){
      //override for custom behavior
   },
   imgInfos:[
      ]
}
$(function(){ccmSlideShowHelper308.init();}); 
//]]>
</script>
 
<div id="ccm-SlideshowBlock-display308" class="ccm-SlideshowBlock-display">
<div id="ccm-SlideshowBlock-heightSetter308" class="ccm-SlideshowBlock-heightSetter"></div>
<div class="ccm-SlideshowBlock-clear" ></div>
</div>

Abs0lute replied on Mar 14, 2011 at 1:54 pm Permalink Reply

Okay, I've narrowed it down a bit. The slideshow is disappearing when the cache is cleared. It's set to auto clear the cache every 120 minutes. I'd like to keep it this way so i don't have to always have to go in and manually clear it.
This explains why the slideshow would appear fine once placed, then appear fine once logged out, but when I'd come back later, it would be gone.
Why is the cache clearing making the slideshow disappear and what can I do to fix it?
Anybody know?

Abs0lute replied on Mar 14, 2011 at 3:36 pm Permalink Reply

Dang it!
This is not the issue, as it's still happening.
I've replaced the Slideshow block w/ a fresh install.
It's still happening. Slideshow will appear for approx. 30 minutes, then it's gone.
However, it's still in the code.
I have no idea what's going on and need some expert advice on this.
If you'd like to see what I'm talking about, go to w w w sharp fence . com
You can see the slideshow in the code, but it is not showing on the page for some reason beyond me.
Thanks for anybody's help or advice on this issue.

12345j replied on Mar 14, 2011 at 3:58 pm Permalink Reply

imgInfos:[
      ]

shouldn't be blank, it should be something like

imgInfos:[
            {
            fileName:"inneroptics_dot_net_starfish.jpg",
            fullFilePath:"/concrete5.4.1/files/7012/8536/9026/inneroptics_dot_net_starfish.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:192         }
      ,         {
            fileName:"inneroptics_dot_net_portland.jpg",
            fullFilePath:"/concrete5.4.1/files/7112/8536/9026/inneroptics_dot_net_portland.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",

Viewing 15 lines of 34 lines. View entire code block.

   imgInfos:[
            {
            fileName:"inneroptics_dot_net_starfish.jpg",
            fullFilePath:"/concrete5.4.1/files/7012/8536/9026/inneroptics_dot_net_starfish.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:192         }
      ,         {
            fileName:"inneroptics_dot_net_portland.jpg",
            fullFilePath:"/concrete5.4.1/files/7112/8536/9026/inneroptics_dot_net_portland.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:215         }
      ,         {
            fileName:"inneroptics_dot_net_canyonlands.jpg",
            fullFilePath:"/concrete5.4.1/files/9112/8536/9025/inneroptics_dot_net_canyonlands.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:192         }
      ,         {
            fileName:"inneroptics_dot_net_new_zealand_sheep.jpg",
            fullFilePath:"/concrete5.4.1/files/8512/8536/9025/inneroptics_dot_net_new_zealand_sheep.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:192         }
         ]

for the core block. Probably w=something wrong with ur install.

Abs0lute replied on Mar 14, 2011 at 4:05 pm Permalink Reply

mmm, that's odd.
It worked fine for at least a month after I installed.
Then one day it just started doing this.
Any suggestions on how to fix it, other than a reinstall?
Thanks for your help agin 12345j, btw.

12345j replied on Mar 14, 2011 at 4:10 pm Permalink Reply

well if ur not changing it then you can stick the output in an html block- but thats kind of weird. what did u change before it whacked out, if anything? If you can't get it working you can always use one of the image sliders on the mp.

Abs0lute replied on Mar 14, 2011 at 4:39 pm Permalink Reply

You know, it didn't even occur to me to check the mp for other options for a slideshow. That Cu3er looks pretty stellar so I'll give it a whirl. But at this point, I'd like to figure this out—as it has me worried it may occur in the future w/ another block, so I'd like to address it now.
Thanks again, let me know if you have any ideas.

Abs0lute replied on Mar 14, 2011 at 4:10 pm Permalink Reply

You're right. I just placed the slideshow again and it shows now. Code looks like this:

<script type="text/javascript">
//<![CDATA[
var ccmSlideShowHelper325 = {
   bID:325,
   imgNum:0,
   init:function(){
      this.displayWrap=$('#ccm-SlideshowBlock-display'+this.bID); 
      if(this.imgInfos.length==0){
         //alert('There are no images in this slideshow');
         return false;
      }
      var maxHeight=0;
      for(var i=0;i<this.imgInfos.length;i++){
         this.addImg(i);
         if(maxHeight==0 || this.imgInfos[i].imgHeight > maxHeight)

Viewing 15 lines of 172 lines. View entire code block.

 
<script type="text/javascript">
//<![CDATA[
var ccmSlideShowHelper325 = {
 
   bID:325,
   imgNum:0,
 
   init:function(){
      this.displayWrap=$('#ccm-SlideshowBlock-display'+this.bID); 
      if(this.imgInfos.length==0){
         //alert('There are no images in this slideshow');
         return false;
      }
      var maxHeight=0;
      for(var i=0;i<this.imgInfos.length;i++){
         this.addImg(i);
         if(maxHeight==0 || this.imgInfos[i].imgHeight > maxHeight)
            maxHeight=this.imgInfos[i].imgHeight;
      }
      this.displayWrap.css('height',maxHeight);
 
 
      //center images
      for(var i=0;i<this.imgInfos.length;i++){ 
         if( this.imgInfos[i].imgHeight < maxHeight){
            var t=((maxHeight - this.imgInfos[i].imgHeight)/2);
            this.imgEls[i].css('top',t);
         }
      }
      this.nextImg();
   }, 
   nextImg:function(){ 
      if(this.imgNum>=this.imgInfos.length) this.imgNum=0;  
      this.imgEls[this.imgNum].css('opacity',0);
      this.imgEls[this.imgNum].css('display','block');
      this.imgEls[this.imgNum].animate({opacity:1},
         this.imgInfos[this.imgNum].fadeDuration*1000,'',function(){ccmSlideShowHelper325.preparefadeOut()});
      var prevNum=this.imgNum-1;
      if(prevNum<0) prevNum=this.imgInfos.length-1;
      if(this.imgInfos.length==1) return;
      this.imgEls[prevNum].animate({opacity:0},this.imgInfos[this.imgNum].fadeDuration*800,function(){this.style.zIndex=1;});         
   },
   preparefadeOut:function(){
      if(this.imgInfos.length==1) return;
      var milisecDuration=parseInt(this.imgInfos[this.imgNum].duration)*1000;
      this.imgEls[this.imgNum].css('z-index',2);
      setTimeout('ccmSlideShowHelper'+325+'.nextImg();',milisecDuration);
      this.imgNum++;
   },
   maxHeight:0,
   imgEls:[],
   addImg:function(num){
      var el=document.createElement('div');
      el.id="slideImgWrap"+num;
      el.className="slideImgWrap"; 
      if(this.imgInfos[num].fullFilePath.length>0)
          imgURL=this.imgInfos[num].fullFilePath;
      else imgURL='/files/'+this.imgInfos[num].fileName; 
      //el.innerHTML='<img src="'+imgURL+'" >';
      el.innerHTML='<div style="height:'+this.imgInfos[num].imgHeight+'px; background:url(\''+escape(imgURL)+'\') center no-repeat">&nbsp;</div>';
      //alert(imgURL);
      if(this.imgInfos[num].url.length>0) {
         //el.linkURL=this.imgInfos[num].url;
         var clickEvent='onclick="return ccmSlideShowHelper325.imgClick( this.href  );"';
         el.innerHTML='<a href="'+this.imgInfos[num].url+'" '+clickEvent+' >'+el.innerHTML+'</a>';         
      }
      el.style.display='none';
      this.displayWrap.append(el);
      var jqEl=$(el);
      this.imgEls.push(jqEl);
   },
   imgClick:function(linkURL){
      //override for custom behavior
   },
   imgInfos:[
            {
            fileName:"w-15.jpg",
            fullFilePath:"/files/5012/9537/3639/w-15.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"wi-2.jpg",
            fullFilePath:"/files/1412/9537/3642/wi-2.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"cl-7.jpg",
            fullFilePath:"/files/3812/9537/3604/cl-7.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"cl-5.jpg",
            fullFilePath:"/files/6312/9537/3599/cl-5.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"w-8.jpg",
            fullFilePath:"/files/3412/9537/3626/w-8.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"wi-1.jpg",
            fullFilePath:"/files/8312/9537/3641/wi-1.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"wi-3.jpg",
            fullFilePath:"/files/4912/9537/3646/wi-3.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"w-11.jpg",
            fullFilePath:"/files/4912/9537/3633/w-11.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"ap-5.jpg",
            fullFilePath:"/files/5212/9537/3574/ap-5.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"bb-1.jpg",
            fullFilePath:"/files/4212/9711/0458/bb-1.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"w-2.jpg",
            fullFilePath:"/files/5512/9537/3614/w-2.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
      ,         {
            fileName:"bb-4.jpg",
            fullFilePath:"/files/1612/9711/0464/bb-4.jpg",
            duration:5,
            fadeDuration:2,      
            url:"",
            groupSet:0,
            imgHeight:435         }
         ]
}
$(function(){ccmSlideShowHelper325.init();}); 
//]]>
</script>

Go to sharp fence . com and check it out. It'll disappear in the next 30 minutes or so.

12345j replied on Mar 14, 2011 at 4:15 pm Permalink Reply

do you have any jobs running every 30 minutes, c5 or server?

Abs0lute replied on Mar 14, 2011 at 4:29 pm Permalink Reply

No.
I have Nontab Scheduler installed and running the default Maintenance jobs every 8 hours. It's such a short time that I thought the page cache default of 120 minutes was doing it, but I don't believe that's the case anymore.
I'd rather be able to use the default slideshow than resort to something from the marketplace, but thanks for the idea, I may have to go that route.
I'm just totally stumped on this. It's still up now, but it won't be long before it's going to vanish.

12345j replied on Mar 14, 2011 at 4:45 pm Permalink Reply

could you add the block again so I can compare the outputs?

Abs0lute replied on Mar 14, 2011 at 4:59 pm Permalink Reply

Yep. Did you see it vanish?
I just reset it again. Getting off work now too, but I'll be on later this evening and can respond then.

Abs0lute replied on Mar 15, 2011 at 9:37 am Permalink Reply

Hey j,
I'm going to go w/ an alternate slideshow, just wondering if you happen to notice anything that could be a clue as to why it was removing the original slideshow?

nikblais replied on Aug 2, 2011 at 4:21 pm Permalink Reply

Had the same problem. Took me two weeks to find the answer to this one in the forums, but EUREKA! Permissions on the images used within the slideshow (see FILE MANAGER) were not set properly - GUEST was not checked. Hence, when logged out of edit mode, the slideshow disappeared.

C5 I'm loving you again.

TherealBarabbas replied on Aug 2, 2011 at 5:47 pm Permalink Reply

What permissions are you talking about?
The access to the file manager?

nikblais replied on Aug 3, 2011 at 7:43 am Permalink Reply

Go into DASHBOARD, select FILE MANAGER on the left, and then right-click on one of the images you uploaded and used in your slideshow. Choose ACCESS AND PERMISSIONS and you'll see that GUEST is not checked (if this is the source of your problem also).

As it appears all my images have the same permissions set (GUEST not checked) you would assume this problem would appear on the images used throughout the site. However, I've only encountered this problem with the slideshow feature.

TherealBarabbas replied on Aug 4, 2011 at 5:52 pm Permalink Reply

Thanks, tried that..but now went with the Cu3er Slideshow, mucho better, love the effects.
And it works.

niallmckenna replied on Oct 10, 2013 at 6:13 pm Permalink Reply

Sorry to reignite an old thread. I've the same problem and thought it may be the permissions on the images. I noticed mine were not set to guest but wasn't sure how to set them to guest and where to.

can you explain?

PixelFields replied on Jun 8, 2016 at 10:36 am Permalink Reply

We found the same issue where the slideshow was only visible in edit mode after moving a 5.6.4.3 site to our hosting.

We had Advanced Permissions active on the old site (I don't know if this is related?) but in the System Settings > File Manager Permissions 'View Files' was set only to Administrators. After adding Guests here and clearing the cache all slideshows started working again.

This caused hours of frustration so a big thank you to nikbais for solving!

(In case in helps someone, we had already set the root/files folder and sub-folders permissions in FTP to 777.)

Forums

Editing (v7+)

Slideshow Vanished!

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?