在底层图像滑动时隐藏滑块中的标题文本#mootools

我对mootools不太熟悉，但是我正在实现一个图像滑块，在该图像滑块上我想添加一些标题。到目前为止，这种方式很有效，但当图像滑落时，标题仍然存在......如果下一张图像滑过新标题，标题会滑过前一个图像......这是图像隐藏的一段代码，其中，我想我可以隐藏标题，以及...在底层图像滑动时隐藏滑块中的标题文本#mootools

initialize: function(menu, images, loader, options){ 
this.parent(menu, options); 
this.images = $(images); 
this.imagesitems = this.images.getChildren().fade('hide'); 
$(loader).fade('in'); 
new Asset.images(this.images.getElements('img').map(function(el) { return el.setStyle('display', 'none').get('src'); }), { onComplete: function() { 
    this.loaded = true;  
    $(loader).fade('out'); 
    if (this.current) this.show(this.items.indexOf(this.current)); 
    else if (this.options.auto && this.options.autostart) this.progress(); 
}.bind(this) }); 
if ($type(this.options.transition) != 'function') this.options.transition = $lambda(this.options.transition); 
}, 

//And here is the HTML (and PHP-Codeigniter): 

<li class="relative"> 
<p class="slogan"><span class="highlight"><?=$latestItem->slogan?><br/><a href="#">Lees meer &raquo;</a></span></p> 
<img src="<?= $latestItem->picture ?>" alt="<?=$latestItem->title ?>" title="<?=$latestItem->title ?>" /> 
</li>

谁能帮我找出我怎么能设法让字幕与相应的图像一起dissapear？

来源

2011-05-02 Rypens

var foo = new Class({ 
    initialize: function(menu, images, loader, options) { 
     this.parent(menu, options); 
     this.images = $(images); 
     this.imagesitems = this.images.getChildren().fade('hide'); 
     $(loader).fade('in'); 
     new Asset.images(this.images.getElements('img').map(function(el) { 
      el.getPevious().setStyle("display", "none"); 
      return el.setStyle('display', 'none').get('src'); 
     }), { 
      onComplete: function() { 
       this.loaded = true; 
       $(loader).fade('out'); 
       if (this.current) this.show(this.items.indexOf(this.current)); 
       else if (this.options.auto && this.options.autostart) this.progress(); 
      }.bind(this) 
     }); 
     if ($type(this.options.transition) != 'function') this.options.transition = $lambda(this.options.transition); 
    } 
});

在您的标记

，标题是<p>标签立即在回调图像，这样el.getPrevious()之前将引用但─做你最可怕的:)

附：尝试更好地格式化您的问题

来源

2011-05-03 12:07:49

感谢您的回复...我现在要看看它！对不起，这些问题的格式不好，将来会试着想一想！再次感谢！ – Rypens 2011-05-03 17:46:02

刚刚注意到您的代码中存在一个小错字（只是为了让您知道） - Pevious。修正了这个问题，然后滑块完全隐藏了标题，而不是与相应的图像一起显示......我会尽力解决这个问题。我会尽快给您回复！ – Rypens 2011-05-03 17:58:28

在执行以下操作时： 'new Asset.images（this.images.getElements（'img'）。map（function（el）{} {} {} {} return el.setStyle（'display'，'none'）。get（'src'）; }），' 标题隐藏完全隐藏...我也尝试返回el.getPrevious行，但也与没有运气......任何其他想法:)？ – Rypens 2011-05-03 18:16:58

在底层图像滑动时隐藏滑块中的标题文本#mootools

回答

相关问题