Response title
This is preview!
Move this topic
HELP!! Carousel Image
in Using jQuery
•
7 years ago
I have this set of codes.. (please see the attachment)
I need the arrows in my navigators, when clicked, it will go in the
next image or previous image.
can someone provide me the codes for that?
currently developing my company's website.
thank you!
just a newbie here!
Attachments
1
Replies(5)
Re: HELP!! Carousel Image
7 years ago
I see an error…
TypeError: undefined is not a function (evaluating
'$('#img-wrapper-tmpl').tmpl( {itemsCount :
itemsCount} ).appendTo( $rgGallery )')
_addImageWrappergallery.js:142
img-wrapper-tmpl does not exist.
You can see this error in your browser’s debugger.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: HELP!! Carousel Image
7 years ago
actually i deleted that one in carousel.html, i just need to code a
script for my navigation
can you help me with that?
i need my arrows when its clicked, it will go to the next or
previous image..
i dont know how to fix it.
<!doctype html>
<html
lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css"
href="css/demo.css">
<link rel="stylesheet" type="text/css"
href="css/style.css">
<link rel="stylesheet" type="text/css"
href="css/elastislide.css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1"
rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Pacifico"
rel="stylesheet" type="text/css">
<noscript>
<style>
.es-carousel ul{
display:block;
}
</style>
</noscript>
</head>
<body>
<div
class="container">
<div class="content">
<div id="rg-gallery"
class="rg-gallery">
<div class="rg-image-wrapper">
<div class="rg-image-nav">
</div>
<div
class="rg-image">
<img src="images/ad-ayala-large.jpg">
</div>
<div
class="rg-loading" style="display:
none;"></div>
<div class="rg-caption-wrapper">
<div class="rg-caption"
style="display:none;">
<p></p>
</div>
</div>
</div>
<div
class="rg-thumbs">
<!-- Elastislide Carousel Thumbnail Viewer -->
<div class="es-carousel-wrapper">
<div class="es-nav">
<span
class="es-nav-prev">Previous</span>
<span
class="es-nav-next">Next</span>
</div>
<div
class="es-carousel">
<ul style="width: 370px; display: block; margin-left:
0px;">
<li
class="selected" style="margin-right: 3px; width:
69px;"><a href="#"
style="border-width: 2px;"><img
src="images/ad-ayala-thumbnail.jpg"
data-large="images/ad-ayala-large.jpg"
alt="image01"
data-description=""></a></li>
<li style="margin-right: 3px; width:
69px;"><a href="#" style="border-width:
2px;"><img src="images/vwall-thumbnail-02.png"
data-large="images/vwall-02.jpg" alt="image02"
data-description=""></a></li>
<li style="margin-right: 3px; width:
69px;"><a href="#" style="border-width:
2px;"><img src="images/vwall-thumbnail-03.png"
data-large="images/vwall-03.jpg" alt="image03"
data-description=""></a></li>
<li style="margin-right: 3px; width:
69px;"><a href="#" style="border-width:
2px;"><img src="images/vwall-thumbnail-04.png"
data-large="images/vwall-04.jpg" alt="image04"
data-description=""></a></li>
</ul>
</div>
<div
class="es-nav"><span
class="es-nav-prev" style="display:
none;">Previous</span><span
class="es-nav-next" style="display:
none;">Next</span></div></div>
<!-- End Elastislide Carousel Thumbnail Viewer
-->
</div><!--
rg-thumbs --></div><!-- rg-gallery -->
</div><!-- content -->
</div><!-- container -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript"
src="js/jquery.tmpl.min.js"></script>
<script type="text/javascript"
src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="js/jquery.elastislide.js"></script>
<script type="text/javascript"
src="js/gallery.js"></script>
</body></html>
Leave a comment on keishma_26's reply
Re: HELP!! Carousel Image
7 years ago
I guess you updated the scripts as well.
I suggest you put your most current versions on a server and share
a link.
I’m heading to bed now, so maybe someone else will assist you
further, if you can share a link. Most people don’t like downloading
mystery zip files. I have a mac, so I am not so frightened of mystery zips.
JΛ̊KE
Leave a comment on jakecigar's reply
Leave a comment on keishma_26's reply
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to keishma_26's question