Hi Anne,
I've meticulously compared files from the downloaded package of apparel boutique to that installed on my server, and all files are present and accounted for. I'm still unable to get the slider to appear.
I checked the code from the slider author's web page at http://cssglobe.com/post/3783/jquery...content-slider
His code appears to have a link to jquery.js that doesn't appear in the define_main_page.php code that came with the template. His code is:
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/easySlider.js"></script>
and the code in the template's define_main_page.php code is:
<script type="text/javascript" src="includes/templates/apparel_boutique/jscript/jscript_easySlider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
</script>
(of course, the proper paths are taken into account.) Is there a link missing here to the jquery.js script? I tried entering the code into the template's define file to see if it was missing a link to the script, but still no slider.
I know this should work out of the box, but I'm at a total loss to discover why it's not. If worse comes to worse, could you tell me how to place my own .jpg image in the place where the slider normally goes?
Thanks SO SO much for your continued help.
Ken
This is the code for the define main page:
<?php
define(IMAGE1,'slide1.jpg');// default width 700px height 250px /
define(IMAGE2,'slide2.jpg');
define(IMAGE3,'slide3.jpg');
define(IMAGE4,'slide4.jpg');
define(IMAGE5,'slide5.jpg');
define(URL1,'http://www.picaflor-azul.com');
define(URL2,'http://www.picaflor-azul.com');
define(URL3,'http://www.picaflor-azul.com');
define(URL4,'http://www.picaflor-azul.com');
define(URL5,'http://www.picaflor-azul.com');
?>
<script type="text/javascript" src="includes/templates/apparel_boutique/jscript/jscript_easySlider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
</script>
<div id="slider">
<ul>
<li><a href="<?php echo URL1 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE1 ?>" alt="first slide image" /></a></li>
<li><a href="<?php echo URL2 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE2 ?>" alt="second slide image" /></a></li>
<li><a href="<?php echo URL3 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE3 ?>" alt="third slide image" /></a></li>
<li><a href="<?php echo URL4 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE4 ?>" alt="fourth slide image" /></a></li>
<li><a href="<?php echo URL5 ?>"><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.IMAGE5 ?>" alt="fifth slide image" /></a></li>
</ul>
</div>
If you use this code then the slider will work as long as the file jscript_easySlider.js in in the includes/templates/apparel_boutique/jscript folder.
Thanks,
Anne
