Results 1 to 9 of 9

Thread: Slideshow question

  1. #1
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default Slideshow question

    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
    Last edited by mcolton; 02-11-2017 at 05:08 PM.

  2. #2
    Join Date
    Jan 2009
    Location
    NH
    Posts
    631
    Thanks
    96
    Thanked 24 Times in 24 Posts

    Default

    I've used these a few times and they are responsive. http://www.w3schools.com/w3css/w3css_slideshow.asp

  3. #3
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    thanks. That's good. Is there a related .css file to go with this

  4. #4
    Join Date
    Jan 2009
    Location
    NH
    Posts
    631
    Thanks
    96
    Thanked 24 Times in 24 Posts

    Default

    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.

  5. #5
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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.
    Last edited by mcolton; 02-09-2017 at 07:59 PM.

  6. #6
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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>

  7. #7
    Join Date
    Jan 2009
    Location
    NH
    Posts
    631
    Thanks
    96
    Thanked 24 Times in 24 Posts

    Default

    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?

  8. #8
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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
    Last edited by mcolton; 02-11-2017 at 02:30 PM.

  9. #9
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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>

Similar Threads

  1. Slideshow Question
    By kathycam in forum JavaScript
    Replies: 1
    Last Post: 01-20-2012, 03:18 AM
  2. Javascript Slideshow question
    By bdmcn71 in forum JavaScript
    Replies: 0
    Last Post: 02-10-2011, 06:12 PM
  3. Flexi Slideshow question
    By Ewarren in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 03-16-2010, 08:21 PM
  4. Another slideshow question
    By rcroome in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 06-04-2008, 09:57 AM
  5. flexi slideshow question
    By cdawg8776 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 11-18-2005, 06:31 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •