با سلام و احترام، ضمن تشکر از راهنمایی های جنابعالی

باید عرض کنم من در پروژه ای از پوسته فوروارد استفاده می کنم

برای نمایش آخرین پروژه ها از تمپلیت زیر که مخصوص پوسته فوروارد است استفاده می کنم

<div id="dnn_ctr20948_ModuleContent" class="DNNModuleContent ModDNNHTMLC">

    <div id="dnn_ctr20948_HtmlModule_lblContent" class="Normal">

    <div class="recent_projects">

<h3>Recent Projects</h3>

<p>Check our latest portfolio projects, sure you’ll find something interesting.</p>

<div class="carouFredSel">

<div class="pe-spacer size10"></div>

<div style="display: block; text-align: center; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 1580px; height: 255px; margin: 0px; overflow: hidden;" class="caroufredsel_wrapper"><ul style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: -225.891px; margin: 0px; width: 5372px; height: 255px; z-index: auto;" id="carouFredSel">

<li style="width: 314px;" class="animation scaleUp animated visible">

    <div class="entry-image">

    <div class="entry-mark"></div>

    <div class="entry-action"> <span> <a href="http://store.dotnetnuke.com/vendor-profile/bestdnnskinscom/r/1fba77e1425f4249b17f" target="_blank"> <em class="fa fa-eye"></em> </a> </span> </div>

    <img alt="" src="/portals/26/carousel1_img4.jpg"> </div>

    </li><li style="width: 314px;" class="animation scaleUp animated visible">

    <div class="entry-image">

    <div class="entry-mark"></div>

    <div class="entry-action"> <span> <a href="http://store.dotnetnuke.com/vendor-profile/bestdnnskinscom/r/1fba77e1425f4249b17f" target="_blank"> <em class="fa fa-globe"></em> </a> </span> </div>

    <img alt="" src="/portals/26/carousel1_img5.jpg"> </div>

    </li><li style="width: 314px;" class="animation scaleUp animated visible">

    <div class="entry-image">

    <div class="entry-mark"></div>

    <div class="entry-action"> <span> <a href="http://store.dotnetnuke.com/vendor-profile/bestdnnskinscom/r/1fba77e1425f4249b17f" target="_blank"> <em class="fa fa-file-text"></em> </a> </span> </div>

    <img alt="" src="/portals/26/carousel1_img6.jpg"> </div>

    </li><li style="width: 314px;" class="animation scaleUp animated visible">

    <div class="entry-image">

    <div class="entry-mark"></div>

    <div class="entry-action"> <span> <a href="http://store.dotnetnuke.com/vendor-profile/bestdnnskinscom/r/1fba77e1425f4249b17f" target="_blank"> <em class="fa fa-camera"></em> </a> </span> </div>

    <img alt="" src="/portals/26/carousel1_img1.jpg"> </div>

    </li><li style="width: 314px;" class="animation scaleUp animated visible">

    <div class="entry-image">

    <div class="entry-mark"></div>

    <div class="entry-action"> <span> <a href="http://store.dotnetnuke.com/vendor-profile/bestdnnskinscom/r/1fba77e1425f4249b17f" target="_blank"> <em class="fa fa-caret-square-o-right"></em> </a> </span> </div>

    <img alt="" src="/portals/26/carousel1_img2.jpg"> </div>

    </li><li style="width: 314px;" class="animation scaleUp animated visible">

    <div class="entry-image">

    <div class="entry-mark"></div>

    <div class="entry-action"> <span> <a href="http://store.dotnetnuke.com/vendor-profile/bestdnnskinscom/r/1fba77e1425f4249b17f" target="_blank"> <em class="fa fa-comment-o"></em> </a> </span> </div>

    <img alt="" src="/portals/26/carousel1_img3.jpg"> </div>

    </li></ul></div>

</div>

</div>

</div>

</div> 

 مشکل اینجاست که وقتی لینک عکس های مورد نظر خودمو بجای لینک های موجو قرار می دهم، عکس ها را نمایش نمی دهد، ولی وقتی

id="carouFredSel را حذف می کنم عکس ها را نمایش می دهد ولی بصورت اسلایدر حرکت نمی کند. البته این تمپلیت را در سیستم لوکال امتحان کردم کار می کندولی بر روی سایت کار نمی کند. نمی دونم مشکل چیه!!!!!!!!!!

لطفا راهنمایی بفرمایید.

متشکرم