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.

Move 6-7 pictures from left to right @ Forum Header

View previous topic View next topic Go down

Solved Move 6-7 pictures from left to right @ Forum Header

Post by Nomee on December 4th 2011, 9:04 am

Hello,

How do I add 6-7 pictures moving from left to right and will continue in the same pattern, I want to add 7-8 pictures and have a redirect link at every picture so when someone move the cursor to individual picture and click, they will be redirected to the URL which I provided,

This is the screen shot from one website I seen.


This is the URL of the above mentioned website:
Code:
http://www.thepaktv.com/forums/showthread.php?24714-Maaye-Ni-Episode-13-By-Ary-Digital-3rd-December-2011


I want to add it in the same pattern and this should be placed at the header portion of Homepage where announcements are being displayed.



Any sort of help would be really appreciated.



Thanks in advance.




Kind Regards,
Nomi


Last edited by Nomee on December 5th 2011, 5:18 pm; edited 1 time in total

Nomee
Forumember

Male Posts : 384
Reputation : 80
Language : Urdu,English
Location : Pakistan

http://www.businessfellows.biz

Back to top Go down

Solved Re: Move 6-7 pictures from left to right @ Forum Header

Post by Guest on December 4th 2011, 9:07 am

That forum isn't forumotion. Smile

Guest
Guest


Back to top Go down

Solved Re: Move 6-7 pictures from left to right @ Forum Header

Post by Nomee on December 4th 2011, 9:11 am

Gassy wrote:That forum isn't forumotion. Smile

Yes I know that,s not Forumotion Forum but I am just asking about how to do this in Forumotion, by using any code ? or some other technique, so would you please help me in this matter?



Kind Regards,
Nomi

Nomee
Forumember

Male Posts : 384
Reputation : 80
Language : Urdu,English
Location : Pakistan

http://www.businessfellows.biz

Back to top Go down

Solved Re: Move 6-7 pictures from left to right @ Forum Header

Post by Nomee on December 4th 2011, 6:38 pm

Well I tried to do this by using html, I go to ACP > General > Announcements > Html Page: Use the following code there

Code:
<html>
<MARQUEE behavior="scroll" direction="left" width="70%"><img src="http://oi44.tinypic.com/2089ts9.jpg"></MARQUEE><MARQUEE behavior="scroll" direction="left" width="70%"><img src="http://oi40.tinypic.com/rws4s7.jpg"></MARQUEE></MARQUEE><MARQUEE behavior="scroll" direction="left" width="70%"><img src="http://oi43.tinypic.com/23hrt6o.jpg"></MARQUEE><MARQUEE behavior="scroll" direction="left" width="70%"><img src="http://oi39.tinypic.com/24y6ckw.jpg"></MARQUEE>
</html>

but when i click on save and view the homepage, pictures definitely moves from left to right but they do not move in sequence and I am not good in coding so anybody please tell me how could i resolve this as I mentioned in my first post.


Any help would be really appreciated.


Kind Regards,
Nomi

Nomee
Forumember

Male Posts : 384
Reputation : 80
Language : Urdu,English
Location : Pakistan

http://www.businessfellows.biz

Back to top Go down

Solved Re: Move 6-7 pictures from left to right @ Forum Header

Post by Guest on December 4th 2011, 7:11 pm

You have some mistakes in your code, try:
Code:
<marquee behavior="scroll" direction="left" width="70%"><img src="http://oi44.tinypic.com/2089ts9.jpg"></marquee><marquee behavior="scroll" direction="left" width="70%"><img src="http://oi40.tinypic.com/rws4s7.jpg"></marquee><marquee behavior="scroll" direction="left" width="70%"><img src="http://oi43.tinypic.com/23hrt6o.jpg"></marquee><marquee behavior="scroll" direction="left" width="70%"><img src="http://oi39.tinypic.com/24y6ckw.jpg"></marquee>
Html tag should be used only one time. I know, is working and with MARQUEE but it's not recommendable for some reasons. The third mistake was double closing tag: </marquee></marquee>

Guest
Guest


Back to top Go down

Solved Re: Move 6-7 pictures from left to right @ Forum Header

Post by Nomee on December 5th 2011, 6:50 am

Thank you gassy for your reply but I am sorry I am having the same problem by using the code given by you as I had, I mentioned the URL of pictures which I gonna add in scroll marquee pattern, will you please give me the code (Pictures scroll in the same pattern as i mentioned in my first post, screenshot) so I could just copy and paste the code and it would be consider a great help Smile


These are the pictures:

Code:
http://oi44.tinypic.com/2089ts9.jpg
http://oi40.tinypic.com/rws4s7.jpg
http://oi43.tinypic.com/23hrt6o.jpg
http://oi39.tinypic.com/24y6ckw.jpg
http://oi44.tinypic.com/swu78w.jpg
http://oi40.tinypic.com/2czaa68.jpg
http://oi41.tinypic.com/1060vu1.jpg


Kind Regards,
Nomi

Nomee
Forumember

Male Posts : 384
Reputation : 80
Language : Urdu,English
Location : Pakistan

http://www.businessfellows.biz

Back to top Go down

Solved Re: Move 6-7 pictures from left to right @ Forum Header

Post by Nomee on December 5th 2011, 1:57 pm

Well I visited bigoo.ws website and get the code from Image scroll generator and the code which i got from code generator is this :

Code:
<html>
<MARQUEE WIDTH="100%" BEHAVIOR="scroll" SCROLLAMOUNT="6" DIRECTION="left" BGColor="transparent"><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi44.tinypic.com/2089ts9.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi40.tinypic.com/rws4s7.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi43.tinypic.com/23hrt6o.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi39.tinypic.com/24y6ckw.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi44.tinypic.com/swu78w.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi40.tinypic.com/2czaa68.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi41.tinypic.com/1060vu1.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi43.tinypic.com/dqgxw.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi43.tinypic.com/205trn8.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi43.tinypic.com/mwuqdh.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi41.tinypic.com/16lw68i.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi44.tinypic.com/144d0fp.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi43.tinypic.com/2u9ml9s.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi44.tinypic.com/o767t1.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi41.tinypic.com/4u8diq.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi39.tinypic.com/kbtwg.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi39.tinypic.com/2mihv.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi43.tinypic.com/unh4w.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi40.tinypic.com/25qgdxv.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi44.tinypic.com/212wb9h.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi40.tinypic.com/2643z8y.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi41.tinypic.com/21cydz.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi44.tinypic.com/14094w0.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi44.tinypic.com/awqe03.jpg" border="0"></a><a href="http://www.businessfellows.biz" target="_blank"><img src="http://oi43.tinypic.com/2z4gylw.jpg" border="0"></a></MARQUEE><p style="margin-top: 0; margin-bottom: 0"><font size="1" face="Arial"><a href="http://www.businessfellows.biz"><spanstyle="text-decoration: none">Business Fellows</span></a></font></p>
</html>

There are 25 images scrolling and the problem actually is that these images scroll in the right sequence from left to right but when it repeat and scroll for second time, the problem regarding width or something else been occurred, I have mentioned the code, please tell me what the mistake I actually doing coz I am very bad in coding. When the page completely loaded this marquee starts late with time delay of 20-25seconds, so these are the two main problem I have been facing, anybody please point out the errors so it would be settled.

This is the URL of my forum:
http://www.businessfellows.biz

I have not removed the code from my forum and the problem persists at my forum homepage.


Thanks in advance.


Kind Regards,
Nomi

Nomee
Forumember

Male Posts : 384
Reputation : 80
Language : Urdu,English
Location : Pakistan

http://www.businessfellows.biz

Back to top Go down

Solved Re: Move 6-7 pictures from left to right @ Forum Header

Post by Nomee on December 5th 2011, 5:18 pm

Solved.

Nomee
Forumember

Male Posts : 384
Reputation : 80
Language : Urdu,English
Location : Pakistan

http://www.businessfellows.biz

Back to top Go down

Solved Re: Move 6-7 pictures from left to right @ Forum Header

Post by Sanket on December 5th 2011, 5:38 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