Joomla 1.7 Slide show question

Discussion in 'Joomla' started by genius, Dec 16, 2011.

  1. #1
    Hello,

    I would like to make a slide show in the header , just that I would like it to act sort of like a background , so the menu would be over the slide show and the slide show should span the whole width of the page , similar to this website : http://www.innsbruck.info/en/home.html

    If I use a script for a slide show like Nivo slider , it will appear over the menu , and also if I view it on a smaller resolution than mine it has horizontal scroll.

    Can someone please give me a hand with this ?

    Thank you
     
    genius, Dec 16, 2011 IP
  2. lamvt

    lamvt Active Member

    Messages:
    153
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #2
    try to use Vinaora Nivo Slider - joomla mudule
    and need to check your Menu to place Z-index: 9999 to your Css set it up front layer
    (sory bad english - if need more help contact me)
    Goodluck
     
    lamvt, Dec 16, 2011 IP
  3. genius

    genius Well-Known Member

    Messages:
    535
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    108
    #3
    Other ideas ?

    I also made this sketch so you may understand better sketch.jpg
     
    genius, Dec 17, 2011 IP
  4. lamvt

    lamvt Active Member

    Messages:
    153
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #4
    can do example like that:

    <div id="wrap-lamvt">
        <div id="position-for-your-menus"> here is menus
                 JDoc::'''''' load module menus
        </div>
        <div id="position-for-your-slide"> here is slide
        
                   JDoc::''''''load module slide show
        </div>
    </div>
    
    and css like that:
    #wrap-lamvt{
        position:relative;
        width:100%;
        
    }
    
    #position-for-your-menus{
        position:absolute;
        top:0;
        z-index:100;
    }
    
    #position-for-your-slide{
        position:absolute;
        top:0;
        z-index:2;
    }
    Code (markup):
     
    lamvt, Dec 17, 2011 IP
  5. genius

    genius Well-Known Member

    Messages:
    535
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    108
    #5
    genius, Dec 17, 2011 IP
  6. genius

    genius Well-Known Member

    Messages:
    535
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    108
    #6
    Solved the issue with the width , now how can I make to auto ajust to the resolution of the display ? On my PC it works fine but on my laptop I have horizontal scroll...
     
    genius, Dec 17, 2011 IP