Grow your CSS skills. Land your dream job.

How to use the Anything Slider

  • # April 6, 2011 at 10:14 am

    Hi,
    Is it possible to parse custom folder (wp-content/uploads/) and send the array of jpg|png files in it to the anythingslider? I found some php parsing scripts here
    http://stackoverflow.com/questions/1711715/php-script-to-parse-directory-list-all-images-and-add-class-last-to-the-last-i
    but have no idea how to use them.
    thanks!

    # April 6, 2011 at 10:19 am

    Hi Elfin!

    Your links don’t work, and I think it might be best to ask a new question… I can’t help you since I don’t know wordpress very well.

    # January 10, 2012 at 6:38 pm

    I am loving this slider. I can include both images and html5 videos in the same slideshow. Love it! The only issue I’m having is that, although my images are all the same size, some are portrait and some are landscape but I don’t want the slider to resize as it messes my page layout up, nor do I want to resize them to fit the container as then the portrait images just get stretched.
    Is there any way of forcing a crop or even better a resize of the portrait images to the container height while maintaining ratio (ie. bit of blank space on both sides).

    # January 10, 2012 at 7:07 pm

    Hi Baldieboy!

    All you’ll need to do is set the slider and panel heights, with a text align center to center the images, in the css

    #slider, #slider li {
    width: 300px;
    height: 200px;
    list-style: none;
    text-align: center; /* center images */
    }

    Then to limit the size of your images, set the height to your slider height, and set a max-width to the width of your slider. The browser will automatically resize the images, keeping their aspect ratio, inside the slide.

    #slider img {
    height: 200px;
    max-width: 300px;
    }

    Lastly, set the AnythingSlider “resizeContents” option to “false”. Here is a demo of it all together.

    # January 11, 2012 at 10:46 am

    Mottie,
    You are a star my friend. Another question I have is when navigationSize is set to a number lower than the number of tabs, it does not automatically sroll when an image outside of the range is active (ie. 8 slides with navigationSize set to 4, but when slideshow advances to slide 5 the navigation still only shows 1-4 instead of jumping to 5-8). Is there any way I can get around this else it’s not obvious to the user which slide is active? Some of my slideshows will have 30 images/videos (family events etc) so I definately have to limit the number of tabs shown in the navigation.

    Fantastic slider though!

    # January 11, 2012 at 10:57 am

    Hi Baldieboy!

    Please refer to the navigationSize documentation (at the bottom) for code examples on how to keep the tabs in view.

    # January 11, 2012 at 7:53 pm

    Hi there!

    I’m looking to use AnythingSlider on a site I’m building, to include a series of videos hosted by YouTube for the user to flick through. It works pretty well in most browsers, however in Opera (latest version, 11.6) on the Mac when I roll over, click play or try to cycle through the videos, it freezes the entire page! Once it has frozen you can scroll the page using the scroll bar on the right, but nothing is click-able.

    I’m using the

    method of YouTube embedding so that it displays correctly on multiple devices eg. Safari on iPhone etc.

    Can anyone help me?

    Thanks in advance!

    # January 12, 2012 at 8:46 am

    Mottie,
    Your support for this project is fantastic. Got the navigation working fine. Scrolls along nicely. One thing that would be nice in the near future is to be able to have the current slide shown in the middle of the navigation (ie. navigationSize set to 7 and current slide would always be shown at position 4 in the navigation with 3 tabs either side).
    Not complaining though cos it works great for me right now. I just need to work on some themes and getting the damn thing to look right for IE users. Why can’t everyone just use firefox?
    Thanks again for your help.

    # January 12, 2012 at 9:18 am

    @Baldieboy: My pleasure! And btw, did you see I have more themes here.

    @crug: I’m sad to say that is a known issue with YouTube iframes and Opera. I set up a compatibility table here… I’m really not sure what the best solution would be.

    # January 12, 2012 at 10:56 pm

    Thanks for the reply Mottie! I really appreciate it :)

    The reason I switched to the method was because when I was using YouTube embed, if I viewed it on Safari Mobile on the iPhone it displayed all all the videos in the slider on screen at once instead of hiding them. Is there any other way around that problem (other than changing to the iframe method)?

    If so I could switch back to YouTube embed rather than iframe…

    # January 13, 2012 at 7:47 am

    Hi crug!

    Sadly, the only way around the Safari black boxes is to hide the video completely when not in view. I posted a demo and some code in this reported issue, try it out and see if it solves your problem.

    # January 29, 2012 at 4:22 pm

    I probably have no business being on this Forum with my lack of knowledge, but I would really like to Install the Anything Slider into my website, which is an Open Source Blog Template, that I edit using KOMPOZER WYSIWYG html Editor. I have downloaded the ANYTHING FILES but have no Idea of how to install them. Would any of you experienced people be able to advise me, or point me toward some detailed Turtorials on this type of slider installation.

    # January 29, 2012 at 10:10 pm

    Hi Oceanblue!

    Everyone is welcome to post in these forums, well, except for those punks that only post advertisements! *shake fist*

    I’ve never heard of KOMPOZER nor am I sure which open source blog system you are using, but if you can add HTML to the page then it shouldn’t be a problem. I’ve actually added all the HTML that needs to be included on your web page in the wiki documents. It looks like a lot of code, but that includes all of the stylesheets as an example. As well as the FX and video extensions which aren’t needed for a basic setup. You could also check out the simple demo page which has the bare minimum setup.

    Please feel free to ask for help here.

    # January 30, 2012 at 12:37 pm

    Hi Mottie,

    I was wondering if the shortcode for showMultiple was working, I can’t seem to get it to work. Many thanks if you can look into this!

    Alex

Viewing 15 posts - 46 through 60 (of 84 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".