Jump to content

Goodness

Members
 View Profile  See their activity

  • Posts

    34

  • Joined

  • Last visited

 Content Type 

Everything posted by Goodness

  1. Goodness
    Still fading the top nav in and out. Is there a way for me to send you the URL (not in a public forum)?
  2. Goodness
    I just tried to message you my page URL but your account doesn't accept messages.
  3. Goodness
    This is the code that's located in the <head> <style> .w3-content.w3-section {position: relative;} body {background-color:#000;} #bkimg { position: absolute; top:0; left: 0; right:0; bottom:0; z-index: -1; } @-webkit-keyframes fading{0%{opacity:0}80%{opacity:1}100%{opacity:1}} @keyframes fading{0%{opacity:0}80%{opacity:1}100%{opacity:1}} .w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite;position: relative; z-index: 9999;} .mySlides,#bkimg{height: auto; width: 100%;} </style>
  4. Goodness
    This is proving to be more difficult than I thought. The last version solves the fluid responsive issue. Up until now I have just been working with this in a stand-alone page (as you sent). With the last version I attempted to replace the carousel in my actual page. It is causing the top nav bar to fade in and out with the images and the navigation is no longer clickable. I think the carousel has somehow taken over that space. Unfortunately, I may have to just accept the standard w3-animate-fading function and forego the cross-fade.
  5. Goodness
    Very cool! Let me mess with this one. And ..... THANKS! (again)
  6. Goodness
    Thanks again. Do you have any idea why this new version is giving me a white border around the images where the earlier one didn't? I tried adding w3-padding-0 and w3-black (my images are mostly black) to the div class=w3-content that wraps the images but that didn't have any impact. I may be reading the code wrong, but it still looks like we are setting the image size based on the background image referenced in the <head>. We know the image size is 1980px x 1155px. Couldn't we just declare that all of the images would have those max dimensions rather than using code the discover and store it? The way I have it working at the moment is with the w3-animate-fading class (as mentioned in my first post above). Interestingly, the div that the images are inside has the w3-container class rather than the w3-content class. I'm not sure if this makes a huge difference. Lastly, while this is somewhat responsive it's not fluidly responsive. If I drag and resize the browser window the images distort until I reload/refresh the page. I really appreciate your help with this!
  7. Goodness
    THANKS! Two Quick Questions: 1) If all of my images are the exact same size (which they are) is there a way to just set the max-width and height without requiring the code to find the largest image height and then set the background image dimensions? 2) This solution doesn't appear to be responsive. I'm using very larger images (1980 x 1155) and when I shrink the browser window they are not scaling properly. Thanks again!
  8. Goodness
    Thanks! I'll give that a try.
  9. Goodness
    I'm liking W3.CSS and was wondering if anyone knows of a way to do a cross-fade on an image carousel. The w3-animate-fading class work pretty nice but completely fades one image out before fading up the next. Thanks in advance for any helpful advice.
×
×
  • Create New...