问题配置ContentFlow

我想使用ContentFlow javascript（http://www.jacksasylum.eu/ContentFlow/index.php）设置一个简单的幻灯片放映，我知道我错过了一些非常简单的东西 - 我似乎无法控制幻灯片中图像的大小。它会自动将它们缩放到我正在查看它们的设备上，但是在更高分辨率的显示器上它看起来太小了。问题配置ContentFlow

这里是设置的部分：

<link rel="stylesheet" type="text/css" href="ContentFlow/contentflow.css" /> 
<script type="text/javascript" src="ContentFlow/contentflow.js" load="slideshow"></script> 

<script> 
ContentFlowGlobal.setAddOnConf('slideshow', {startOnLoad: true, duration: 4000}); 
    </script> 

<script> 
{ 
     duration : 2000, //ms 
     startOnLoad : true, 
     showControlls : true 
    } 
    </script>

而这里的幻灯片的主体部分：

<div class="addon"> 
     <div class="flowBox" style=""> 
      <div id="ContentFlow_slideshow" class="ContentFlow" useAddOns="slideshow"> 
        <!-- should be place before flow so that contained images will be loaded first --> 
<div class="loadIndicator"><div class="indicator"></div></div> 


    <div class="flow"> 

     <div class="item"> 
      <img class="content" src="images/1.jpg"/> 
      <div class="caption">Something<br/><a href="#">by Test</a></div> 
     </div> 
     <div class="item"> 
      <img class="content" src="images/2.jpg"/> 
      <div class="caption">Something<br/><a href="#">by Test</a></div> 
     </div> 
     <div class="item"> 
      <img class="content" src="images/3.jpg"/> 
      <div class="caption">Something<br/><a href="#">by Test</a></div> 
     </div> 
     <div class="item"> 
      <img class="content" src="images/4.jpg"/> 
      <div class="caption">Something<br/><a href="#">by Test</a></div> 
     </div> 
     <div class="item"> 
      <img class="content" src="images/5.jpg"/> 
      <div class="caption">Something<br/><a href="#">by Test</a></div> 
     </div> 

    </div> 
    <div class="globalCaption"></div>

如果有人可以点我有代码控制的大小的样本幻灯片，或提供一些代码示例，我真的很感激它！

来源

2010-09-22 Sologoub

通过（然后项目）看起来像你可以将scaleFactor:添加到初始化。

如果你想让它先calc下窗口的大小，并拿出了规模（1 = 100％）的公式，那么你就必须开始流之前做到这一点：

<script type="text/javascript"> 
var scale = 2 // or some formula based on window size 
ContentFlowGlobal.setAddOnConf('slideshow', {startOnLoad: true, duration: 4000}, scaleFactor:scale); 
</script>

来源

2010-09-23 06:00:25 WSkid

你可以使用

maxItemHeight: 150,

其中150是图像的像素大小，当然它可以设置为你想要的大小。

来源

2010-11-23 19:13:29 Macsupport

<script tyle="text/javascript"> 
    var cf = new ContentFlow('contentFlow', {reflectionColor: "#000000", maxItemHeight: "100"}); 
</script>

我试着迈克提到的，它适用于我。以防万一它不明显，配置在上面列出。

来源

2012-12-23 13:57:19 izmaxx

问题配置ContentFlow

回答

相关问题