دو راه برای انجام این کار وجود دارد! من راهی را که به نظر خودم راحت تر است را اول برایتان توضیح می دهم (البته فعلاً این راه را می توانم بگویم)!
توضیح تئوری کاری که می خواهیم انجام دهیم:
شما می توانید یک موقعیت ماژول در قالب خود ایجاد کرده که jquery1.7 را در آن لود خواهید کرد و با html دستی کد Jquery خود را در آن خواهید گذاشت. این به این خاطر است که jquery در تمام صفحات سایت شما لود نشود تا با عناصر دیگر وبسایت تان که احتمالاً از jquery استفاده می کنند تداخل نکند.
بعد از تعریف این html دستی آن را جوری تنظیم خواهید کرد که فقط در صفحه مورد نظر(دارای ماژول مورد نظر) نمایش داده شود.
سپس می توانید با یک کامپوننت یا ماژول کد دستی html مثل خود html دستی جوملا و یا یک html دستی حرفه ای تر، کل کد اسلایدر یاهو را در یک موقعیت مورد نظر تعریف کنید.
ابزاری برای وارد کردن حرفه ای تر کدهای دلخواه در ماژول:(افزونه)
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مراحل زیر را دنبال کنید.
فایل index.php قالب خود را با نرم افزاری مثل notepad++ باز کنید.
در تگ head به دنبال تگ های script بگردید. بعد از آخرین تگ script کد زیر را وارد کنید:
<jdoc:include type="modules" name="jquery_include" style="xhtml" />
این کد یک موقعیت ماژول با نام jquery_include به قالب شما در تگ head اضافه می کند.
سپس فایل templateDetails.xml را با همان نرم افزار notepadd++ یا هر نرم افزار ویرایش کد دیگری که راحتید باز کنید و به دنبال تگ هایی با نام position بگردید، معمولا در انتهای فایل قرار دارند. بعد از آخرین مورد از تگ های position کد زیر را اضافه کنید:
<position>jquery_include</position>
سپس به مدیریت جوملای خود رفته و از طریق مدیریت ماژول ها یک کد html دستی جدید بسازید و کد زیر را در حالت کد ادیتور وارد محتوای html دستی کنید:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
این کد jquery 1.7 را از googleapis لود می کند.
تنظیمات صفحه مورد نمایش این ماژول را بر روی صفحه مورد نظر برای استفاده از اسلایدر خود بگذارید.
نکته این که می توانید از یک پلاگین برای بارگذاری jquery نیز استفاده کنید ولی من تا به حال از آن استفاده نکرده ام اما اگر خواستید می توانید در این لینک این پلاگین را پیدا میکنید. استفاده کنید اگر سوالی داشتید بپرسید در خدمت هستم.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
بعد از بارگذاری jquery در سایت خود باید کد اسلایدر خود را باز به صورت html دستی در یک موقعیت ماژول لود کنید.
اما مراحل بارگذاری اسلایدر تان کمی دقت لازم دارد و ابتکار. اگر دقت کرده باشید، داخل فولدری که اسلایدر قرار دارد یک فایل js (جاوا اسکریپت) وجود دارد به اسم jquery.accessible-news-slider. همچنین css هایی هم وجود دارند در فولدر themes که بایستی آنها را هم لود کنید.
در فولدر اصلی جوملا وارد پوشه includes شده و پوشه ای به نام yahoo بسازید. فولدر themes و graphics داخل اسلایدر یاهو و این فایل js که نام بردم را در این پوشه بریزید. سپس یک ماژول html دستی دیگر ساخته و کد زیر را در محتوای آن قرار دهید:
<script src="./includes/yahoo/jquery.accessible-news-slider.js" type="text/javascript"></script>
<link rel="stylesheet" href="./includes/yahoo/themes/base.css" type="text/css" />
<link rel="stylesheet" href="./includes/yahoo/themes/default/theme.css" type="text/css" />
<script type="text/javascript">
// when the DOM is ready, convert the feed anchors into feed content
jQuery(document).ready(function() {
jQuery('#newsslider').accessNews({
});
jQuery('#newsslider2').accessNews({
title : "BREAKING NEWS:",
subtitle:"stories from the internet",
speed : "slow",
slideBy : 4,
slideShowInterval: 100000,
slideShowDelay: 100000
});
});
</script>
این ماژول را هم در موقعیت jquery_include قرار دهید.
توجه کنید که برای هر دو html دستی های لود کننده اسکریپت ها نمایش عنوان ماژول را غیر فعال کنید.
به مانند لودر قبلی تنها برای صفحه مورد نظر تنظیمش کنید.
به صفحه مدیریت ماژول ها رفته و یک کد html دستی دیگر ساخته و محتوای کد زیر را که ساختار اصلی این اسلایدر هست را وارد کنید:
<noscript><strong>Please Note:</strong> You may have disabled JavaScript and/or CSS. Although this news content will be accessible, certain functionality is unavailable.</noscript>
<h1>Yahoo style news slider for jQuery Demos</h1>
<ul id="newsslider">
<li>
<a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli"><img src="graphics/luca-farulli-master-multimedia.jpg" width="82" height="30" alt="Luca Farulli" /></a>
<h3><a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli">Luca Farulli interview</a></h3>
<p>Luca Farulli, professor of Aesthetics at the Academy of Fine Arts of Venice, is the owner of the course of aesthetics of digital art and coordinator of the workshop for the Master of Arts and Multimedia <br /><a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli"> » read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli"><img src="graphics/diego-mencarelli-master-multimedia.jpg" width="82" height="30" alt="Diego Mencarelli" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli" title="This should be the title text">Diego Mencarelli interview</a></h3>
<p>Diego Mencarelli, new media consultant at Unicoop Tirreno, co-teaches a course on human-machine interface design, in particular the module dedicated to accessibility and web W3C standards <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli">» read more</a></p>
</li>
<li>
<a class="title" href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi"><img src="graphics/luca-bonacorsi-master-multimedia.jpg" width="82" height="30" alt="Luca Bonacorsi" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi">Luca Bonacorsi interview</a></h3>
<p>Luca Bonacorsi, consultant and expert training certified Adobe / Macromedia, is professor of Rich Internet Applications II, a course designed to learn of Adobe Flex <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini"><img src="graphics/luigi-ciorciolini-master-multimedia.jpg" width="82" height="30" alt="Luigi Ciorciolini" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini">Luigi Ciorciolini interview</a></h3>
<p>Luigi Ciorciolini, film and video maker, since different editions of the course is a professor of communication by images in the period of specialization in video post-production<br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati"><img src="graphics/luca-rosati-master-multimedia.jpg" width="82" height="30" alt="Luca Rosati" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati">Luca Rosati interview.</a></h3>
<p>Luca Rosati is one of the leading experts on information architecture in Italy. Since two years is among the organizers of the Italian IA Summit and teaches a course on Information Architecture at the Master <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale"><img src="graphics/filippocasale-master-multimedia.jpg" width="82" height="30" alt="Filippo Casale" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale">Filippo Casale interview</a></h3>
<p>Filippo Casale is a professor of Maya from the first edition of the Master. Instructor certified for Autodesk Maya software, Filippo is one of the most successful 3D artist on the italian scene <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet"><img src="graphics/tiziano-fruet-master-multimedia1.jpg" width="82" height="30" alt="Tiziano Fruet" /></a>
<h3><a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet">Tiziano Fruet interview</a></h3>
<p>Tiziano Fruet is the new teacher of the course of Graphic Design II at the Master. Tiziano is Adobe Italy Guru since 2004, Adobe Certified Expert and Adobe Certified Instructor in Photoshop, Illustrator and Freehand <br /><a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille"><img src="graphics/sante-j-achille-master-multimedia-firenze.jpg" width="82" height="30" alt="Sante J. Achille" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille">Sante J. Achille interview</a></h3>
<p>Sante J. Achilles is two years teaches a course on Search Engine Optimization. Sante is a professional with national and international experience in consulting for the search engines and web marketing <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli"><img src="graphics/luca-farulli-master-multimedia.jpg" width="82" height="30" alt="Luca Farulli" /></a>
<h3><a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli">Luca Farulli interview</a></h3>
<p>Luca Farulli, professor of Aesthetics at the Academy of Fine Arts of Venice, is the owner of the course of aesthetics of digital art and coordinator of the workshop for the Master of Arts and Multimedia <br /><a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli"> » read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli"><img src="graphics/diego-mencarelli-master-multimedia.jpg" width="82" height="30" alt="Diego Mencarelli" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli" title="This should be the title text">Diego Mencarelli interview</a></h3>
<p>Diego Mencarelli, new media consultant at Unicoop Tirreno, co-teaches a course on human-machine interface design, in particular the module dedicated to accessibility and web W3C standards <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli">» read more</a></p>
</li>
<li>
<a class="title" href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi"><img src="graphics/luca-bonacorsi-master-multimedia.jpg" width="82" height="30" alt="Luca Bonacorsi" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi">Luca Bonacorsi interview</a></h3>
<p>Luca Bonacorsi, consultant and expert training certified Adobe / Macromedia, is professor of Rich Internet Applications II, a course designed to learn of Adobe Flex <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini"><img src="graphics/luigi-ciorciolini-master-multimedia.jpg" width="82" height="30" alt="Luigi Ciorciolini" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini">Luigi Ciorciolini interview</a></h3>
<p>Luigi Ciorciolini, film and video maker, since different editions of the course is a professor of communication by images in the period of specialization in video post-production<br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati"><img src="graphics/luca-rosati-master-multimedia.jpg" width="82" height="30" alt="Luca Rosati" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati">Luca Rosati interview.</a></h3>
<p>Luca Rosati is one of the leading experts on information architecture in Italy. Since two years is among the organizers of the Italian IA Summit and teaches a course on Information Architecture at the Master <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale"><img src="graphics/filippocasale-master-multimedia.jpg" width="82" height="30" alt="Filippo Casale" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale">Filippo Casale interview</a></h3>
<p>Filippo Casale is a professor of Maya from the first edition of the Master. Instructor certified for Autodesk Maya software, Filippo is one of the most successful 3D artist on the italian scene <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet"><img src="graphics/tiziano-fruet-master-multimedia1.jpg" width="82" height="30" alt="Tiziano Fruet" /></a>
<h3><a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet">Tiziano Fruet interview</a></h3>
<p>Tiziano Fruet is the new teacher of the course of Graphic Design II at the Master. Tiziano is Adobe Italy Guru since 2004, Adobe Certified Expert and Adobe Certified Instructor in Photoshop, Illustrator and Freehand <br /><a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille"><img src="graphics/sante-j-achille-master-multimedia-firenze.jpg" width="82" height="30" alt="Sante J. Achille" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille">Sante J. Achille interview</a></h3>
<p>Sante J. Achilles is two years teaches a course on Search Engine Optimization. Sante is a professional with national and international experience in consulting for the search engines and web marketing <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli"><img src="graphics/luca-farulli-master-multimedia.jpg" width="82" height="30" alt="Luca Farulli" /></a>
<h3><a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli">Luca Farulli interview</a></h3>
<p>Luca Farulli, professor of Aesthetics at the Academy of Fine Arts of Venice, is the owner of the course of aesthetics of digital art and coordinator of the workshop for the Master of Arts and Multimedia <br /><a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli"> » read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli"><img src="graphics/diego-mencarelli-master-multimedia.jpg" width="82" height="30" alt="Diego Mencarelli" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli" title="This should be the title text">Diego Mencarelli interview</a></h3>
<p>Diego Mencarelli, new media consultant at Unicoop Tirreno, co-teaches a course on human-machine interface design, in particular the module dedicated to accessibility and web W3C standards <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli">» read more</a></p>
</li>
</ul>
<ul id="newsslider2">
<li>
<a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli"><img src="graphics/luca-farulli-master-multimedia.jpg" width="82" height="30" alt="Luca Farulli" /></a>
<h3><a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli">Luca Farulli interview</a></h3>
<p>Luca Farulli, professor of Aesthetics at the Academy of Fine Arts of Venice, is the owner of the course of aesthetics of digital art and coordinator of the workshop for the Master of Arts and Multimedia <br /><a href="http://www.mmm.unifi.it/primo-piano/intervista-con-luca-farulli"> » read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli"><img src="graphics/diego-mencarelli-master-multimedia.jpg" width="82" height="30" alt="Diego Mencarelli" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli" title="This should be the title text">Diego Mencarelli interview</a></h3>
<p>Diego Mencarelli, new media consultant at Unicoop Tirreno, co-teaches a course on human-machine interface design, in particular the module dedicated to accessibility and web W3C standards <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-diego-mencarelli">» read more</a></p>
</li>
<li>
<a class="title" href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi"><img src="graphics/luca-bonacorsi-master-multimedia.jpg" width="82" height="30" alt="Luca Bonacorsi" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi">Luca Bonacorsi interview</a></h3>
<p>Luca Bonacorsi, consultant and expert training certified Adobe / Macromedia, is professor of Rich Internet Applications II, a course designed to learn of Adobe Flex <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-bonacorsi">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini"><img src="graphics/luigi-ciorciolini-master-multimedia.jpg" width="82" height="30" alt="Luigi Ciorciolini" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini">Luigi Ciorciolini interview</a></h3>
<p>Luigi Ciorciolini, film and video maker, since different editions of the course is a professor of communication by images in the period of specialization in video post-production<br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luigi-ciorciolini">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati"><img src="graphics/luca-rosati-master-multimedia.jpg" width="82" height="30" alt="Luca Rosati" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati">Luca Rosati interview.</a></h3>
<p>Luca Rosati is one of the leading experts on information architecture in Italy. Since two years is among the organizers of the Italian IA Summit and teaches a course on Information Architecture at the Master <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-luca-rosati">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale"><img src="graphics/filippocasale-master-multimedia.jpg" width="82" height="30" alt="Filippo Casale" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale">Filippo Casale interview</a></h3>
<p>Filippo Casale is a professor of Maya from the first edition of the Master. Instructor certified for Autodesk Maya software, Filippo is one of the most successful 3D artist on the italian scene <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-filippo-casale">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet"><img src="graphics/tiziano-fruet-master-multimedia1.jpg" width="82" height="30" alt="Tiziano Fruet" /></a>
<h3><a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet">Tiziano Fruet interview</a></h3>
<p>Tiziano Fruet is the new teacher of the course of Graphic Design II at the Master. Tiziano is Adobe Italy Guru since 2004, Adobe Certified Expert and Adobe Certified Instructor in Photoshop, Illustrator and Freehand <br /><a href="http://www.mmm.unifi.it/news/intervista-con-tiziano-fruet">» read more</a></p>
</li>
<li>
<a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille"><img src="graphics/sante-j-achille-master-multimedia-firenze.jpg" width="82" height="30" alt="Sante J. Achille" /></a>
<h3><a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille">Sante J. Achille interview</a></h3>
<p>Sante J. Achilles is two years teaches a course on Search Engine Optimization. Sante is a professional with national and international experience in consulting for the search engines and web marketing <br /><a href="http://www.mmm.unifi.it/interviste/intervista-con-sante-j-achille">» read more</a></p>
</li>
</ul>
این html دستی را در موقعیتی که می خواهید اسلایدر نمایش داده شود قرار دهید و تنظیمات خود را ذخیره کنید.
خواهید دید که همان اسلایدر با همان محتوای دموی آن در سایت شما قرار دارد.
از اینجا به بعد به خلاقیت شما در ویرایش کد آخرین HTML دستی وارد کرده دارد که محتوای آن را جوری ویرایش کنید که محتوای مورد نظر شما را نمایش دهد.
همچنین تصاویر خود را در همان فولدر graphics قرار دهید.
امیدوارم خیلی پیچیده توضیح نداده باشم و مورد استفاده تان قرار بگیرد.
اگر موفق نشدید راه دوم این است که طبق فرمایش آقای گنجی از فردی بخواهید که چنین ماژولی برای شما بنویسند.
به عنوان مثال من :دی
امیدوارم مورد استفاده قرار گرفته باشد.
موفق و پیروز باشید
