I am working on a
site that requires a jquery Galleryview now I have everything set up but my images are not showing.
here is my header code:
<script type="text/javascript" src="=/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/jquery.timers-1.1.2.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-1.1.js"></script>
<script>
$('#photos').galleryView({
panel_width: 506,
panel_height: 275,
transition_speed: 1500,
transition_interval: 5000,
nav_theme: 'dark',
border: '1px solid white',
pause_on_hover: true
});
</script>
My gallery code:
<div id="photos" class="galleryview">
<div class="panel">
<img src="<?php bloginfo('template_url'); ?>/images/condo-one/1.jpg" alt="image1" />
</div>
<div class="panel">
<img src="<?php bloginfo('template_url'); ?>/images/condo-one/2.jpg" alt="image1" />
</div>
<div class="panel">
<img src="<?php bloginfo('template_url'); ?>/images/condo-one/3.jpg" alt="image1" />
</div>
<div class="panel">
<img src="<?php bloginfo('template_url'); ?>/images/condo-one/4.jpg" />
</div>
<div class="panel">
<img src="<?php bloginfo('template_url'); ?>/images/condo-one/5.jpg" />
</div>
</div>
The problem is that the images are not showing but it's the correct path view the
site demo here please help.
