Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Member John Mc Grath's Avatar
    Join Date
    Sep 2011
    Location
    Ireland
    Posts
    80
    Member #
    29172
    Liked
    3 times
    Hi all, i was wondering if anyone knows how to display multiple images on one slide using nivo slider. There are around five slides and some of them will have more than one image. I have only figured out how to add links and this is the last problem. The version of nivo slider that I am using is 3.1. Thanks for your help.
    Im pretty new to web design but I am learning fast. I will help if I can.
    Check out my sites http://www.mediareviewzone.com http://www.iamrobsmith.com

  2.  

  3. #2
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    I'm not sure what you are asking. Can you be more clear about what you want to do?
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  4. #3
    Member John Mc Grath's Avatar
    Join Date
    Sep 2011
    Location
    Ireland
    Posts
    80
    Member #
    29172
    Liked
    3 times
    I am sorry if I was not clear enough. I have not uploaded my updated site yet so I cannot show you. I am using the nivo slider v3.1 which has 5 slides, each containing one image and one link. I want to modify some of the slides to contain 2 or 3 images beside each other so when the slide appears you can see 3 images side by side instead of just 1. The site I am using this for is http://www.mediareviewzone.com which is currently using mycarosel slideshow that uses a list to seperate the slides. Here is a segment of the code.

    HTML Code:
    <ul id="mycarousel" class="jcarousel-skin-tango">
    
    <li><a href="movies/the_rum_diary/the_rum_diary.php"><img src="movies/the_rum_diary/the_rum_diary.jpg"/></a>
    <a href="movies/contagion/contagion.php"><img src="movies/contagion/contagion.jpg" /></a>
    <a href="movies/moneyball/moneyball.php"><img src="movies/moneyball/moneyball.jpg"  /></a></li>
    
    <li><a href="games/batman/batman_arkham_city.php"><img src="games/batman/Batman_Arkham_City_Wallpaper.jpg" /></a></li>
    
    </ul>
    This segment of code has two slides, one with three images and the other with one image.
    This next incomplete segment of code is for the nivo slider and I am trying to figure out how to have three images in the second slide.

    HTML Code:
    <div id="slider" class="nivoSlider">
     <a href="details.php?op1=Batman Arkham City&media=Games"><img src="games/batman/Batman_Arkham_City_Wallpaper.jpg" data-transition="slideInLeft"/></a>
    <img src="movies/11-11-11/11_11_11_gibbs_landes.jpg" width="200" height="300"/>
    <img src="movies/ice_age_4/ice_age_four.jpg" width="200" height="300" />
    Here there are three images but even though the last two are much smaller than the first they still get a slide each. I am trying to have them share a slide side by side.

    I have read that this was not possible on previous versions of the nivo slider but can be done on versions after 3.0. It took me a long time to find out how to make an image a link which is fixed by adding a couple of lines to the CSS code. Here is the code for that problem if anyone is reading this for that solution. Add this code to " .nivoSlider a.nivo-imageLink { " in the nivo slider CSS

    display:block;
    background:white;
    filter: alpha(opacity=0);
    opacity: 0;

    I probably added too much information here, there is quite a bit of reading for a problem that probably has an easy solution. Thanks for the effort in trying to help me. Its just that this problem is so annoying and I want to use the nivo slider as it has some great functions. Thanks again.
    Im pretty new to web design but I am learning fast. I will help if I can.
    Check out my sites http://www.mediareviewzone.com http://www.iamrobsmith.com

  5. #4
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    I've looked at the site and it seems as though you have solved the problem. I can see more than one image in several of the slides.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  6. #5
    Member John Mc Grath's Avatar
    Join Date
    Sep 2011
    Location
    Ireland
    Posts
    80
    Member #
    29172
    Liked
    3 times
    That was actually the slideshow I had using mycarosel. The new slideshow is now uploaded. The site is still being worked on and is only uploaded for testing. Thanks for spending the time looking.
    Im pretty new to web design but I am learning fast. I will help if I can.
    Check out my sites http://www.mediareviewzone.com http://www.iamrobsmith.com


Remove Ads

Posting Permissions

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

Search tags for this page

multiple images nivo slider
,
multiple pictures in nivo slider
,

nivo slider multiple images

,
nivoslider with multi image
Click on a term to search for related topics.
All times are GMT -6. The time now is 11:48 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com