• 0

More problems with Innerfade


Question

Hi guys,

I am using innerfade with jQuery to have some lines of text fade in and out in a banner. However, I can't for the life of me get this text to be right aligned. I can get it aligned just fine before adding the innerfade but once innerfade is running, the alignment moves back to the left. Any help is much appreciated.

Here is the code trimmed down to only what is necessary. The problem persists with even just this minimalist setup.

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Jasmine Hill Antigua</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
	$(document).ready( 
		function(){
			$('#banner').innerfade({ 
				animationtype: 'fade', 
				speed: 1500, 
				timeout: 5000, 
				type: 'sequence', 
				containerheight: 'auto' 
			});
		} 
	); 			
</script>
<style type="text/css">
#banner {
	text-align: right;
}
</style>
</head>
<body>
<div id="banner">
	<p>...Scenter by Jasmine...</p>
	<p>...Surrounded by Ocean...</p>
	<p>...Soothed by Tradewinds...</p>
	<p>...The Perfect Escape...</p>
	<h1>Jasmine Hill</h1>
</div>
</body>
</html>

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Ok I have gotten it sorted out now. This was the solution: (so simple, I don't know why it took me this long to get it)

banner p {
    width: 100%;
    text-align: right;
}

However, another question. Is there a way to make innerfade stop after one cycle through the list?

Link to comment
Share on other sites

  • 0

Can anybody help me with my problem with Innerfade? Fairly new to this and have used Innerfade within a page of my site.

www.susiepemberton.co.uk

Works great in Firefox but not in older versions of IE. My gallery goes off to the right instead of being centered. I have searched the net for a solution without any luck.

Any advice would be greatly appreciated.

Many thanks

Suzy

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.