Hi!
I have very limited programming experience and am trying to create an automatic/infinite slider image bar. Here is an example of what i am looking to do… it is the sliding images under “proudly representing”.
Note: I am using a web-based content manager, OU Campus–if that makes a difference.
Here is the code I have so far:
<p>content goes here</p>
<style><!--
#carousel { width: 100%; height: 150px; background-color: #ffffff; overflow-x: slide;
overflow-y: hidden; white-space:nowrap; } #carousel .slide { display: inline-block; }
--></style>
<div id="carousel">
<div class="slide"><img src="http://riserecords.com/mediafiles/artist_downloads/161_1_logo_high_res.jpg" alt="logo1" width="291" height="100" /></div>
<div class="slide"><img src="http://trophyeyesmusic.com/img/logo_big.png" alt="logo2" width="200" height="100" /></div>
<div class="slide"><img src="https://lastfm-img2.akamaized.net/i/u/300x300/cc601e5f7c094eb8ce366ed8b9a31dfa.jpg" alt="logo3" width="120" height="100" /></div>
<div class="slide"><img src="http://www.allinmerch.com/mm5/graphics/00000001/realfriends_topbanner.jpg" alt="logo4" width="291" height="100" /></div>
<div class="slide"><img src="http://logonoid.com/images/bayside-logo.png" alt="logo5" width="291" height="100" /></div>
</div>