$this->addStylesheet($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/MovingBoxes/demo.css");
$this->addStylesheet($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/MovingBoxes/movingboxes.css");
$this->addStylesheet($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/tweet.css");
$this->addScript($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/MovingBoxes/jQuery_full.js");
$this->addScript($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/MovingBoxes/jquery.movingboxes.js");
$this->addScript($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/tweet.js");
$this->addCustomTag('<script type="text/javascript">jQuery.noConflict();</script>');
HTML
<?php
$this->addStylesheet($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/MovingBoxes/demo.css");
$this->addStylesheet($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/MovingBoxes/movingboxes.css");
$this->addStylesheet($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/tweet.css");
$this->addScript($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/MovingBoxes/jQuery_full.js");
$this->addScript($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/MovingBoxes/jquery.movingboxes.js");
$this->addScript($this->baseurl . "/templates/" . $this->template . "/jQuery_plugins/tweet.js");
$this->addCustomTag('<script type="text/javascript">jQuery.noConflict();</script>');
?>
<p class="MsoNormal"><span style="font-family: "Arial","sans-serif";">Golf in Schools is excited to announce our Summer Camp schedule for 2011.<span> </span>Click on your school district for information on scheduling and price.<span> </span></span></p>
<p class="MsoNormal"><span style="font-family: "Arial","sans-serif";">Spring Session II is now accepting registration in Eanes ISD.<span> </span>Class begin the week of March 21<sup>st</sup>. <span> </span>Hurry while space is still available!</span></p>
<p> </p>
<!-- Start Moving Boxes Here....................................................................... -->
<div id="wrapper"><br /><!-- Slider #1 -->
<div id="slider-one" class="slider">
<div class="panel"><img src="templates/rt_solarsentinel_j15/MovingBoxes/images/1.jpg" border="0" alt="picture" /></div>
<div class="panel"><img src="templates/rt_solarsentinel_j15/MovingBoxes/images/2.jpg" border="0" alt="picture" /></div>
<div class="panel"><img src="templates/rt_solarsentinel_j15/MovingBoxes/images/3.jpg" border="0" alt="picture" /></div>
<div class="panel"><img src="templates/rt_solarsentinel_j15/MovingBoxes/images/4.jpg" border="0" alt="picture" /></div>
<div class="panel"><img src="templates/rt_solarsentinel_j15/MovingBoxes/images/5.jpg" border="0" alt="picture" /></div>
<div class="panel"><img src="templates/rt_solarsentinel_j15/MovingBoxes/images/6.jpg" border="0" alt="picture" /></div>
<div class="panel"><img src="templates/rt_solarsentinel_j15/MovingBoxes/images/7.jpg" border="0" alt="picture" /></div>
</div>
<!-- end Slider #1 --> <br /><br /></div>
<p> </p>
<!-- end wrapper --> <!-- End Moving Boxes Here......................................................................... -->
<div class="tweet">
<h3 style="color:black;">Here are our latest tweets!</h3>
</div>
<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function() {
jQuery(".tweet").tweet({
join_text: "auto",
username: "your Twitter user name here",
avatar_size: 48,
count: 5,
auto_join_text_default: "we said,",
auto_join_text_ed: "we",
auto_join_text_ing: "we were",
auto_join_text_reply: "we replied",
auto_join_text_url: "we were checking out",
loading_text: "loading tweets..."
});
jQuery(function(){
jQuery('#slider-one').movingBoxes({
startPanel : 1, // start with this panel
wrap : true, // psuedo wrapping - it just runs to the other end
width : 600, // overall width of movingBoxes
imageRatio : 1, // Image ration set to 1:1 (square image)
buildNav : false, // if true, navigation links will be added
navFormatter : function(){ return "●"; } // function which returns the navigation text for each panel
});
// Set up demo external navigation links
var i, t = '', len = jQuery('#slider-one .panel').length + 1;
for ( i=1; i<len; i++ ){
t += '<a href="#" mce_href="#" rel="' + i + '">' + i + '</a> ';
}
jQuery('.dlinks')
.find('span').html(t).end()
.find('a').click(function(){
jQuery('#slider-one').data('movingBoxes').currentPanel( jQuery(this).attr('rel') );
return false;
});
// Report events to firebug console
jQuery('.slider').bind('initialized initChange beforeAnimation completed',function(e, slider, tar){
// show object ID + event in the firebug console
if (window.console && window.console.firebug){
var txt = slider.$el[0].id + ': ' + e.type + ', now on panel #' + slider.curPanel
txt += (typeof(tar) == 'undefined') ? '' : ', targeted panel is ' + tar;
console.debug( txt );
}
});
});
doSlideShow();
});
function doSlideShow() {
jQuery('.slider').getMovingBoxes().goForward();
t=setTimeout("doSlideShow()",7000);
}
// ]]></script>
In lines 7-13 change the "rt_solarsentinel_j15" to the folder name of your template.
Have a question about something in this article? You can receive help directly from the article author. Sign up for a free trial to get started.
Comments (0)