Printable View
I have a website that has sponsors. Some of them have logos and some don't so I just put text instead of a logo.
Is there a slideshow I can use to show ALL my sponsors
I've looked at the slideshows on Dynamic Drive and they all seem to need jpg's.
Thanks for any help
I've used these a few times and they are responsive. http://www.w3schools.com/w3css/w3css_slideshow.asp
thanks. That's good. Is there a related .css file to go with this
You can link in your <head> to the css <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> or download it to your folder http://www.w3schools.com/lib/w3.css and link the css normal.
1. Do I NEED the css file.
2. I downloaded it but it is all compacted. Is there a version I can edit
3. That w3.css is changing a lot of spacing on the page.
Thanks for your help. So far it works great.
HELP I can't get this code to work. All I'm trying to do is put which type of sponsor (platinum or gold) they are above the picture. I've been working on this 4 hours. Please help
Code:<div class="w3-content">
<div class="myslides w3-container">
<span style="font-size:16px; color:red">Platinum Sponsor</span>
<img class="mySlides" src="classic-wines2.jpg" width="300" height="180" />
</div>
<div class="myslides w3-container">
<span style="font-size:16px; color:red">Platinum Sponsor</span>
<img class="myslides" src="darugar.jpg" width="300" height="180" />
<div class="w3-display-bottomleft w3-container w3-padding-16 w3-black">
Debbie and Dr. Barry Darugar // caption
</div>
</div>
<div class="myslides w3-container">
<span style="font-size:16px; color:black">Gold Sponsor</span>
<img class="mySlides" src="st-mary.jpg" width="300" height="180" />
</div>
</div>
Did you add the javascript to the page? Do you have a test page you can link to or can you add the entire page code?
This code is driving me crazy.
1. Do you need to add different scripts if you want to add a caption or want it to scroll automatically or add a non image text
2. the w3.css changes the rest of my page. is there a shorter .css for just the slideshow
3. do I even need the w3.css
4. is there a different slideshow that will just flip through my sponsors automatically
Thanks for any help
ok. I finally made some progress. Now all I need is a way to make the text area below (marked by xxxxxxxx) the same size and location as the image above it.
Code:
<div class="w3-display-container mySlides">
<img src="kim-lin-logan-real-estate.jpg" width="300" height="180" />
<div class="w3-display-bottomleft w3-container" style="background-color:red; color: white; font-size:10px">
Platinum Sponsor
</div>
</div>
<div class="mySlides w3-container">
<span class="w3-tag" style="color: white; background-color: blue; font-size:14px">
xxxxxx line 1<br />
xxxxxx line 2<br />
xxxxxx line 3
</span>
</div>
</div>