The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    Image slider

    Jeissel Denise
    Jeissel Denise
    Forumember


    Female Posts : 318
    Reputation : 0
    Language : English
    Location : Phillippines

    Solved Image slider

    Post by Jeissel Denise January 26th 2013, 8:46 am

    How can i make the banners of my image slider linked to another site? Like when i add avertising banners and when i click the banner it will redirect to that site? thanks Very Happy


    Last edited by Jeissel Denise on January 26th 2013, 5:25 pm; edited 1 time in total
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: Image slider

    Post by Sanket January 26th 2013, 9:14 am

    https://help.forumotion.com/t38436-scrolling-announcements
    Why don't you use html for normal images which are clickable.
    Jeissel Denise
    Jeissel Denise
    Forumember


    Female Posts : 318
    Reputation : 0
    Language : English
    Location : Phillippines

    Solved Re: Image slider

    Post by Jeissel Denise January 26th 2013, 9:18 am

    I want those in image sliders. like this: http://wattpinoy.4rumer.com/

    you can click it.
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: Image slider

    Post by Sanket January 26th 2013, 9:22 am

    Here is the tutorial for that slider.
    https://help.forumotion.com/t105962-index-in-accordion
    Jeissel Denise
    Jeissel Denise
    Forumember


    Female Posts : 318
    Reputation : 0
    Language : English
    Location : Phillippines

    Solved Re: Image slider

    Post by Jeissel Denise January 26th 2013, 9:31 am

    there is no tutorial how can i add link there.
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: Image slider

    Post by Sanket January 26th 2013, 9:47 am

    You did not read the tutorial completely & carefully. Rolling Eyes
    Step# 3:
    And now you can change the slides and add as many div as you want ! You can also add HTML codes as you want (with links for example)

    Now to add those links, you can add this kind of a code between this <div id="s3"></div>
    Code:
    <a href="http://wattpinoy.4rumer.com/t32-watt-philippines-valentine-s-day-contest">
    <img src="http://i855.photobucket.com/albums/ab117/jan2xonline/valentines_zps711ff58e.jpg">
    </a>

    See it working on my test forum.
    http://testing.4rumer.com/forum
    Jeissel Denise
    Jeissel Denise
    Forumember


    Female Posts : 318
    Reputation : 0
    Language : English
    Location : Phillippines

    Solved Re: Image slider

    Post by Jeissel Denise January 26th 2013, 10:00 am

    look what happened to the div 2. updates ..
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: Image slider

    Post by Sanket January 26th 2013, 10:12 am

    Width of the images etc should be lesser. What code did you add in the homepage message?
    Jeissel Denise
    Jeissel Denise
    Forumember


    Female Posts : 318
    Reputation : 0
    Language : English
    Location : Phillippines

    Solved Re: Image slider

    Post by Jeissel Denise January 26th 2013, 2:55 pm

    Code:
    <div id="one" class="accordion">
        <ol>
            <li>
                <h2><span>Welcome!</span></h2>
                <div id="s1"></div>
            </li>
            <li>
                <h2><span>Updates</span></h2>
              <div id="s2"> <a href="http://hellokitty.forumsmotion.com/t57-read-before-posting-paw-dollars"><img src="http://i50.tinypic.com/2cxuro4.png"></a></div>
            </li>
            <li>
                <h2><span>Blog</span></h2>
                <div id="s3"></div>
            </li>
            <li>
                <h2><span>Contest</span></h2>
                <div id="s4"></div>
            </li>
            <li>
                <h2><span>Advertise</span></h2>
                <div id="s5"></div>
            </li>
        </ol>
        <noscript>
            <p>Please enable JavaScript to get the full experience.</p>
        </noscript>
    </div>
    <br>


    however, i changed the css stylesheet and add



    Code:
    margin-left: 48px;
    margin-top: 4px;
    so that the image will be fixed.
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: Image slider

    Post by runawayhorses January 26th 2013, 3:41 pm

    You change the width of the slider in the javascript.
    Jeissel Denise
    Jeissel Denise
    Forumember


    Female Posts : 318
    Reputation : 0
    Language : English
    Location : Phillippines

    Solved Re: Image slider

    Post by Jeissel Denise January 26th 2013, 3:59 pm

    i am not on the size of the slider, i want to position the images correctly and with links Smile
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: Image slider

    Post by runawayhorses January 26th 2013, 4:16 pm

    Well you'll need to resize your images to fit the width and height of your slider you have set then. The links you do like what you posted there and put the images and links in div's in your home page message,
    Jeissel Denise
    Jeissel Denise
    Forumember


    Female Posts : 318
    Reputation : 0
    Language : English
    Location : Phillippines

    Solved Re: Image slider

    Post by Jeissel Denise January 26th 2013, 5:24 pm

    Thanks for helping. Already figured it out. Done Very Happy
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: Image slider

    Post by Sanket January 26th 2013, 6:20 pm

    Topic Solved & Locked

      Current date/time is September 23rd 2024, 4:30 am