The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Image slider

View previous topic View next topic Go down

Solved Image slider

Post by Jeissel Denise on 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

Jeissel Denise
Forumember

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

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: Image slider

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

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Image slider

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

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

you can click it.

Jeissel Denise
Forumember

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

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: Image slider

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

Here is the tutorial for that slider.
http://help.forumotion.com/t105962-index-in-accordion

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Image slider

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

there is no tutorial how can i add link there.

Jeissel Denise
Forumember

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

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: Image slider

Post by Sanket on 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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Image slider

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

look what happened to the div 2. updates ..

Jeissel Denise
Forumember

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

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: Image slider

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

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Image slider

Post by Jeissel Denise on 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.

Jeissel Denise
Forumember

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

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: Image slider

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

You change the width of the slider in the javascript.

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Image slider

Post by Jeissel Denise on 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

Jeissel Denise
Forumember

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

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: Image slider

Post by runawayhorses on 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,

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Image slider

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

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

Jeissel Denise
Forumember

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

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: Image slider

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

Topic Solved & Locked

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum