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.

Image slider

3 posters

Go down

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
Jeissel Denise
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 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.
Sanket
Sanket
ForumGuru

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

Back to top Go down

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.
Jeissel Denise
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 January 26th 2013, 9:22 am

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

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

Back to top Go down

Solved Re: Image slider

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

there is no tutorial how can i add link there.
Jeissel Denise
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 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
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Image slider

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

look what happened to the div 2. updates ..
Jeissel Denise
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 January 26th 2013, 10:12 am

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

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

Back to top Go down

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.
Jeissel Denise
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 January 26th 2013, 3:41 pm

You change the width of the slider in the javascript.
avatar
runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

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
Jeissel Denise
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 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,
avatar
runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Image slider

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

Thanks for helping. Already figured it out. Done Very Happy
Jeissel Denise
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 January 26th 2013, 6:20 pm

Topic Solved & Locked
Sanket
Sanket
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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