Question

从附件中可以看到 aall.html ，如果我从本地文件运行，则输出将作为附件 334。 png （银河系图片）所以我的问题是如何将这个“星系图片”和函数插入到我的Magento 1.9.2.3中（例如： 415.png ）？

或

如何将<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>添加到Magento中？

如何将<script type="text/javascript" src="http://davidlynch.org/projects/maphilight/jquery.maphilight.js"></script>添加到Magento中？

如何将<script> var $j = jQuery.noConflict(); $j(document).ready(function(){$j('#ImageMap1').maphilight();}); </script>添加到Magento中？

P.S。所有这些编码都在aall.html

我希望您理解我的问题，非常感谢您的帮助

334.png

415.png

aall.html 是代码，如下所示：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
 <script type="text/javascript" src="http://davidlynch.org/projects/maphilight/jquery.maphilight.js"></script>
<div style="float: left">
    <img id="ImageMap1" src="http://geographyandhistory.wikispaces.com/file/view/solar_system.jpg/43347125/283x202/solar_system.jpg" usemap="#ImageMapmapAreas" />
    <map id="ImageMapmapAreas" name="ImageMapmapAreas">
        <area alt="" title="" href="#Earth" coords="228,151,53" shape="circle" data-maphilight='{"strokeColor":"0000ff","strokeWidth":5,"fillColor":"00ff00","fillOpacity":0.6}'/>
        <area alt="" title="" href="#Sun" coords="68,54,44" shape="circle" data-maphilight="{'strokeColor':'0000ff','strokeWidth':5,'fillColor':'00ff00','fillOpacity':0.6}"/>
    </map>
</div>
<script>
var $j = jQuery.noConflict(); 

$j(document).ready(function(){
    $j('#ImageMap1').maphilight();
});
</script>

Answer 1

将js文件下载到js / themefolder /然后你可以在head block里面的page.xml中调用你的js文件。这些Js文件会加载你的大部分页面。

  <block type="page/html_head" name="head" as="head"> 
          <action method="addJs"><script>themefolder/jquery.js</script></action>
         <action method="addJs"><script>themefolder/yourcustom.js</script></action>

------------

如何将Javascript插入Magento？

1 个答案: