ขอคนใช้ Magento ช่วยเรื่อง slide picture คับ

[krite2010]

คือ ไปเจอบทความนี้มาแต่ทำไมทำไม่ได้ดังตัวอย่างคับ http://developer.practicalecommerce.com/articles/2716-Create-a-Custom-Magento-Theme-Part-11-Preparing-for-the-Content-Slider
ส่วน code ของผมที่ทำการแก้ไขคือ ที่ style.css

โค้ด เลือก ขยาย


* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/*Content Slider & Hero Images */
#content-slider img {border: #fff solid 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}

#content-slider .five-img-slide {list-style: none; margin: 0 0 0 -8px; position: relative; width: 960px; height:470px;}
#content-slider .five-img-slide li {display: inline; position: absolute;}

#content-slider .five-img-slide .slide5-2 {left: 370px;}
#content-slider .five-img-slide .slide5-3 {left: 370px; top: 280px;}
#content-slider .five-img-slide .slide5-4 {left: 570px; top: 280px;}
#content-slider .five-img-slide .slide5-5 {left: 720px;}

<ul class="three-img-slide">
<li class="slide4-1"><a href="#"><img src="<?php echo $this->getSkinUrl(images) ?>/Promotion-Brilliant-Basics-Activity-Walker.jpg" alt="Brilliant Basics Activity Walker/></a></li>

<li class="slide4-2"><a href="#"><img src="<?php echo $this->getSkinUrl(images) ?>/Tag Gift Pack featuring Disney•Pixar Cars.jpg" alt="Tag Gift Pack featuring Disney•Pixar Cars"/></a></li>

<li class="slide4-3"><a href="#"><img src="<?php echo $this->getSkinUrl(images) ?>/Vtech-Disneys-Cars-Lightning-McQueen-Learning-Laptop.jpg" alt="Vtech-Disneys-Cars-Lightning-McQueen-Learning-Laptop"/></a></li>

<li class="slide4-3"><a href="#"><img src="<?php echo $this->getSkinUrl(images) ?>/Learning System Software  Disney Pixar Cars 2a.jpg" alt="Learning System Software  Disney Pixar Cars 2a"/></a></li>

</ul>

#content-slider .three-img-slide {list-style: none; margin: 0 0 0 -8px; position: relative; width: 960px; height:470px;}
#content-slider .three-img-slide li {display: inline; position: absolute;}
#content-slider .three-img-slide .slide3-2 {top: 235px;}
#content-slider .three-img-slide .slide3-3 {left: 610px;}

<a href="#"><img class="one-img-slide" src="<?php echo $this->getSkinUrl(images) ?>/Hotproduct.jpg" alt="Hotproduct"/></a>



โดย ขนาดภาพของ Promotion-Brilliant-Basics-Activity-Walker.jpg เท่ากับ  655 *372 pix  หรือ 21.11 *13.12
                          Tag Gift Pack featuring Disney•Pixar Cars.jpg  เท่ากับ  655 *372 pix  หรือ 21.11 *13.12
                          Vtech-Disneys-Cars-Lightning-McQueen-Learning-Laptop.jpg  เท่ากับ  655 *372 pix  หรือ 21.11 *13.12
                          Learning System Software  Disney Pixar Cars 2a.jpg เท่ากับ เท่ากับ  655 *372 pix  หรือ 21.11 *13.12
             

ซึ่งของผมมันไม่ขึ้นแนะนำด้วย ขอบคุณ           

[eyourhand]

http://www.magentocommerce.com/magento-connect/magestore/extension/1850/banner-slider