无法在Magento中启动简单的超大号

Cannot initiate a simple Supersized in Magento

本文关键字：简单 启动 Magento      更新时间：2023-09-26

我正在尝试使用Jquery插件Supersize，但我不能。我正在与Magento合作。我已经在超大库内通过jQuery提供了所有$ 。我添加了这个：jQuery.noConflict（）;就在函数开始之前。这是我的代码，我复制脚本和 html。我不知道为什么它不起作用，谁能帮我？

<script type="text/javascript"> 
jQuery.noConflict();
jQuery(function(){
  jQuery.fn.supersized.options = {
      startwidth: 1440,
      startheight: 900,
      vertical_center: 1,
      slideshow: 1,
      navigation: 1,
      thumbnail_navigation: 0,
      transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
      pause_hover: 1,
      slide_counter: 1,
      slide_captions: 1,
      slide_interval: 3000,
      slides : [
         {image : "<?php echo $this->getSkinUrl('images/portada_slider/slider1.jpg') ?>"} ,
         {image : "<?php echo $this->getSkinUrl('images/portada_slider/slider2.jpg') ?>"} 
      ]
   };
 });
</script>
<div id="supersized"></div>

尝试：

jQuery(function() {
    jQuery.fn.supersized.options = {
        startwidth: 1440,
        startheight: 900,
        vertical_center: 1,
        slideshow: 1,
        navigation: 1,
        thumbnail_navigation: 0,
        transition: 1,
        //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
        pause_hover: 1,
        slide_counter: 1,
        slide_captions: 1,
        slide_interval: 3000,
        slides: [
            {image: 'photo1.jpg'},
            {image: 'photo2.jpg'}
        ]
    };
    jQuery('#supersized').supersized();
});​

无需同时包含：

jQuery('document').ready(function() {
jQuery(function(){

它们是一回事

注意

我没有看到任何名为 supersized() 的函数，那么它将如何工作？ 你的过程是错误的。阅读有关jQuery插件制作过程的信息。

<小时 />

你用了

jQuery('document').ready(function() {..

和

jQuery(function(){..

两者都使用任何一个，因为它们是相同的，并确保：

  • 您首先添加了 jQuery 库

完整代码

jQuery(function(){
  jQuery.fn.supersized.options = {
      startwidth: 1440,
      startheight: 900,
      vertical_center: 1,
      slideshow: 1,
      navigation: 1,
      thumbnail_navigation: 0,
      transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
      pause_hover: 1,
      slide_counter: 1,
      slide_captions: 1,
      slide_interval: 3000,
      slides : [
         {image : 'photo1.jpg'} ,
         {image : 'photo2.jpg'} 
      ]
   };
  jQuery('#supersized').supersized(); 
 });
相关文章：