Help greatly needed. jquery-1.6.4.min.js jquery.mobile-1.0.js and min.js. Mobile Slider doesn't slide.
<!--Slider-->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/flowslider.jquery.js"></script>
<script>
jQuery(document).ready(function($) {
$("#slider").FlowSlider({
});
});
</script>
<link rel="stylesheet" href="style/slider.css" />
<!--Slider-->
This is the slider on my page. Do I tell it here to detect touch device? I kinda wantto write something like:
if detectToucDevice, true
controllers: Touch...
but every time I do this something messes up. Please help.
THis is the mobile code:
<?php if($xview == "main") { ?>
<script type="text/javascript">
if ('standalone' in navigator && !navigator.standalone && (/iphone|ipod|ipad/gi).test(navigator.platform) && (/Safari/i).test(navigator.appVersion)) {
document.write('<link rel="stylesheet" href="style\/add2home.css">');
document.write('<script type="application\/javascript" src="js\/add2home.js" charset="utf-8"><\/s' + 'cript>');
}
</script>
<?php } ?>
These are the scripts:
<link rel="stylesheet" href="style/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0.min.js"></script>