PDA

View Full Version : SAG Content Scroller nav panel at the bottom disappears after the last entry



vegeman
07-24-2012, 02:55 PM
SAG Content Scroller v1.3

http://www.dynamicdrive.com/dynamicindex2/sagscroller.htm

Problem: There are 7 entries in the scroller. After the 7th entry appears, it displays the first entry again but then the scroller nav panel at the bottom disappears.

Here's my page: http://boulderdrumstudio.com/omonoia/index.htm

What am I doing wrong?

Thanks, Larry

vwphillips
07-24-2012, 04:28 PM
strange that the script gives both the ul and nav panel a z-Index of 101

this may be a bug as the nav panel should be above the ul

fix = cahnge the nav panel z-Index to 1002 see the change in red


addnavpanel:function(){
var slider=this, setting=this.setting
var $navpanel=$('<div class="sliderdesc"><div class="sliderdescbg"></div><div class="sliderdescfg"><div class="sliderdesctext"></div></div></div>')
.css({position:'absolute', width:'100%', left:0, top:-1000, zIndex:'1002'})
.find('div').css({position:'absolute', left:0, top:0, width:'100%'})
.eq(0).css({background:sagscroller_constants.navpanel.background, opacity:sagscroller_constants.navpanel.opacity}).end() //"sliderdescbg" div
.eq(1).css({color:'white'}).end() //"sliderdescfg" div
.eq(2).css({textAlign:'center', cursor:'pointer', paddingTop:'2px'}).html('<img src="'+sagscroller_constants.navpanel.downarrow+'"/>').end().end()
.appendTo(this.$slider)
var $descpanel=$navpanel.find('div.sliderdesctext').attr('title', sagscroller_constants.navpanel.title).click(function(){ //action when nav bar is clicked on
slider.stopscroll()
slider.scrollmsg(setting.mode=="auto" && !setting.navpanel.cancelauto? true : false)
})
$navpanel.css({top:this.$slider.height()-parseInt(sagscroller_constants.navpanel.height), height:sagscroller_constants.navpanel.height}).find('div').css({height:'100%'})
},

vegeman
07-24-2012, 04:36 PM
Hi,

Thanks, that did the trick !!!

Larry