Witam,
Mam problem, otóż na swoim portfolio postanowiłem zainstalować ciekawą animowaną galerię SimpleViewer, wszystko oczywiście pięknie ładnie na Mozilli się wyświetla, jednak na IE już jest problem, podaj plik HTML:
CYTAT
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<script type="text/javascript" src="swfobject.js"></script>
<!--[if lt IE 7]>
<style type="text/css">
div, img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<style type="text/css">
/* hide from ie on mac \*/
#flashcontent {
text-align:center;
font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
font-size: 12px;
color: #808080;
}
/* end hide */
body {
width: 800px;
padding: 0;
margin:0 auto;
background-color: #000000;
color:#000000;
font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
font-size: 12px;
color: #808080;
}
a {
color:#cccccc;
}
</style>
</head>
<body>
<div id="glowny">
<!--Nagłówek -->
<a id="top" HREF="index.html" onFocus="blur()"><img src="images/top.png" width="434" height="227" border="0" alt="Webdesigning & portfolio - artisticonfusion.info"></A>
<div id="menu_obrazek">
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="index.html" onFocus="blur()"><img src="images/about.png" alt="about"></a>
<a class="dock-item" href="gallery.html" onFocus="blur()"><img src="images/gallery.png" alt="gallery"></a>
<a class="dock-item" href="#" onFocus="blur()"><img src="images/contact.png" alt="contact"></a>
<a class="dock-item" href="#" onFocus="blur()"><img src="images/review.png" alt="review"></a>
</div>
</div>
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 25,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 70,
proximity: 30,
halign : 'center'
}
)
}
);
</script>
</DIV>
<div id="bok"></DIV>
<!--Koniec nagłówka -->
<div id="container">
<div id="content">
<p class="content_class">
<img SRC="images/gallery_dzial.png" alt="About" width="91" height="41"></p>
<div id="flashcontent">
<br><br>
<p>Odtwarzanie galerii wymaga wtyczki Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">>Pobierz tutaj<</a></P>
</div>
<script type="text/javascript">
var fo = new SWFObject("viewer.swf", "simpleviewer", "100%", "100%", "8", "#000000");
//Optional Configuration
fo.addVariable("langOpenImage", "Open Image in New Window");
fo.addVariable("langAbout", "About");
fo.addVariable("preloaderColor", "0x999999");
fo.write("flashcontent");
</script>
</DIV>
Dodam że po wstawieniu pod a{} czegoś takiego: }
p {
width: 480px;
}
i dodaniu wymiarów do flashcontent{} stronka pod IE się poprawnie wyświetla ale obcina mi wymiary (tzn jak normalnie zdjęcia mam 800x600 to mi zmniejsza, a jak dam zamiast w px tylko w % to już nie wyświetla)
Pozdrawiam i proszę o pomoc..
Forum wielotematyczne grafikarto.pl - forum dla ludzi z pasją! » Web Design, Web Development, Informatyka, Fotografia » Webmaster » Kodowanie
SimpleViewer
9 May 2009, 14:49
