Forum Pplware

Versão Completa: galeria de fotos do frontpage não funciona em firefox...
Está de momento a ver uma versão reduzida do nosso conteúdo. Ver versão completa com o formato adequado.
Páginas: 1 2
Boas pplware...
é assim fiz uma galeria de fotos no frontpage e não funciona no firefox no IE funciona bem...
mas n firefox nda... o k acontece é k em vez de me mostrar so algumas miniaturas das fotos e ter de se clicar na seta para elas avançar não... aparecem as miniaturas das fotos todas seguidas..
alguem pode ajudar??

abraços
magno_2009 Escreveu:Boas pplware...
é assim fiz uma galeria de fotos no frontpage e não funciona no firefox no IE funciona bem...
mas n firefox nda... o k acontece é k em vez de me mostrar so algumas miniaturas das fotos e ter de se clicar na seta para elas avançar não... aparecem as miniaturas das fotos todas seguidas..
alguem pode ajudar??

abraços

É esse o problema de ferramentas como o frontpage que podem ser fáceis de usar, mas a facilidade no final dá mais trabalho que um site construido como deve ser numa ferramenta como deve ser.

O Frontpage gera-te código html desorganizado, e confuso com tags embutidas que não são necessárias para nada e não cumprem standards, servindo apenas que só podem ser interpretadas pelo Internet Explorer, levando ao problema que descreves.

Parece-me que queres fazer uma galeria de fotos, não seria mais fácil criares uma conta, em sites gratuitos como facebook ou flickr (entre os vários disponíveis), que ja te fazem isso? Ou queres mesmo aprender a fazer sites? é que se assim for, responde com o ficheiro html anexado e pode ser que alguém aqui tenha paciencia para te ver o código Wink
o firefox e CSS tem sempre problemas é claro que hoje são menos mas mesmo assim tem algumas incompatibilidades.

Tenta usar outro programa sem ser da M$ e cria a tua propria galeria de fotos e vais ver que o firefox já a abre normalmente
Porque não usas o Picasa, da Google? Ele faz as galerias e é compativel com qualquer browser recente Wink
CarlosCunha Escreveu:o firefox e CSS tem sempre problemas é claro que hoje são menos mas mesmo assim tem algumas incompatibilidades.

O Firefox lida bastante melhor com CSS, CSS2 e CSS3 do que o Internet Explorer... Wink

O problema do FrontPage é criar páginas com código que não respeita os standards W3C e que, como tal, funcionam no IE mas raramente noutros browsers.

Podes, como disse o Zeon, criar o slideshow com o Picasa, já que este usa Flash e não ActiveX.

Picasa Web Albums
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Language" content="pt">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<title>..::Orquestra Eclipse::..</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if©
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
// -->
</script>
</head>

<body background="fundo.jpg" onload="FP_preloadImgs(/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button14.gif',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button15.gif',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button17.gif',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button18.gif')">
<html>
<head>

</head>
<body>
<div id="dot0" style="position: absolute; visibility: hidden; height: 10; width: 10;"></div>
<div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="football.gif" width="35" height="35" alt="."></div>
<div id="dot2" style="position: absolute; height: 35; width: 35;"><img src="football.gif" width="35" height="35" alt="."></div>
<div id="dot3" style="position: absolute; height: 35; width: 35;"><img src="football.gif" width="35" height="35" alt="."></div>
<div id="dot4" style="position: absolute; height: 35; width: 35;"><img src="football.gif" width="35" height="35" alt="."></div>
<div id="dot5" style="position: absolute; height: 35; width: 35;"><img src="football.gif" width="35" height="35" alt="."></div>
<div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="football.gif" width="35" height="35" alt="."></div>

<script type='text/javascript'>

<!-- This script and many more from -->
<!-- http://rainbow.arch.scriptmania.com -->

<!-- Begin
var nDots = 7;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;


var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 35;
var BOUNCE = 0.75;

var isNetscape = navigator.appName=="Netscape";

var followmouse = true;

var dots = new Array();
init();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}

for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X + "px";
dots[i].obj.top = dots[i].Y + "px";
}

if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 20);
}
}

function dot(i)
{
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
this.obj = eval("document.getElementById('dot" + i + "').style");
}

document.onmousemove = MoveHandler;

function startanimate() {
setInterval("animate()", 20);
}

function MoveHandler(e) {

if (!e) {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
} else {
Xpos = e.pageX;
Ypos = e.pageY;
}
}

function vec(X, Y)
{
this.X = X;
this.Y = Y;
}

function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}

function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}

for (i = start ; i < nDots; i++ ) {

var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}

var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);

var accel = new vec((spring.X + resist.X)/ MASS,
(spring.Y + resist.Y)/ MASS + GRAVITY);

dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);

if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}

dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;

var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}

if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}

dots[i].obj.left = dots[i].X + "px";
dots[i].obj.top = dots[i].Y + "px";
}
}
// End -->
</SCRIPT>
</body>
</html>

<div align="center">
<center>
<table border="0" width="710" cellspacing="3" cellpadding="2">
<tr>
<div align="center">
<td width="700"><img border="0" src="logo.gif" width="700" height="200"></td>
</tr>
</div>
<tr>
<td width="700" align="center">&nbsp;</td>
</tr>
<tr>
<td width="700">
</center>
<table border="0" width="100%" height="33">
<tr>
<td width="20%" align="center"><a href="index.htm">
<img border="0" id="img1" src="button23.gif" height="24" width="120" alt="Início" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button11.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button23.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button12.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button11.gif')" fp-style="fp-btn: Metal Capsule 5; fp-transparent: 1" fp-title="Início"></a></td>
<td width="20%" align="center">
<img border="0" id="img2" src="button24.gif" height="24" width="120" alt="Fotos" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button13.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button24.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'button20.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button13.gif')" fp-style="fp-btn: Metal Capsule 5; fp-transparent: 1" fp-title="Fotos"></td>
<td width="20%" align="center"><a href="Condições.htm">
<img border="0" id="img5" src="button27.gif" height="24" width="120" alt="Condições" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button25.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button27.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button26.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button25.gif')" fp-style="fp-btn: Metal Capsule 5; fp-transparent: 1" fp-title="Condições"></a></td>
<td width="20%" align="center"><a href="Noticias.htm">
<img border="0" id="img4" src="buttonB.gif" height="24" width="120" alt="Notícias" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/buttonC.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'buttonB.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/buttonD.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/buttonC.gif')" fp-style="fp-btn: Metal Capsule 5; fp-transparent: 1" fp-title="Notícias"></a></td>
<td width="20%" align="center"><a href="Contactos.htm">
<img border="0" id="img6" src="button28.gif" height="24" width="120" alt="Contactos" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button17.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button28.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button18.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'file:///C:/Documents%20and%20Settings/Magno/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button17.gif')" fp-style="fp-btn: Metal Capsule 5; fp-transparent: 1" fp-title="Contactos"></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="700">
<p align="center">&nbsp;<MARQUEE style="WIDTH: 700px; HEIGHT: 50px; TEXT-ALIGN: center" scrollAmount=4
scrollDelay=9 direction=left><DIV><FONT size="7" face="Tahoma" color=#FF3300><STRONG>ORQUESTRA ECLIPSE</STRONG></FONT>&nbsp;</FONT></DIV></MARQUEE></td>
</tr>
<tr>
<td width="700" align="center">
<table border="0" width="100%" height="360">
<tr>
<td width="100%" height="366">
<div align="center">
<!--webbot bot="PhotoAlbum" U-Include="photogallery/photo00005599/real.htm" clientside TAG="BODY" --></div>
&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="700">
<p align="center"><a href="http://orquestraeclipse.no.sapo.pt">
<font color="#FF3300">http:\\orquestraeclipse.no.sapo.pt</font></a></td>
</tr>
</table>
</div>

</body>

</html>

esta aki o codigo s alguem tiver paciencia para me aturar lol agradeço...
Código:
<div align="center">
  <center>
  <table border="0" width="710" cellspacing="3" cellpadding="2">
    <tr>
        <div align="center">
              <td width="700"><img border="0" src="logo.gif" width="700" height="200"></td>
        </tr>
    </div>

Tens imensas "tags" fora de ordem. Aí em cima está um exemplo onde fechas a tag </tr> antes da </div>. Pessoalmente não programo em HTML, mas não faz sentido nenhum fechar as tags assim (Alguém mais experiente em HTML que confirme). Talvez o Firefox não goste disso...
Tentei corrigir isso, mas são tantas que acabei por me perder.
Para quem não sabe, o FrontPage foi criado para funcionar DE PROPÓSITO só no Internet Explorer. Foi criado na altura das guerras entre o netscape e o IE, e continua até hoje. Basicamente só os meninos da escola é que usam aquilo.

Se queres um conselho, aprende a programar e faz as tuas páginas no notepad. Com o Firefox+Firebug tens tudo o que precisas.
e s utilizar o dreamweaver?...
Dreamweaver sempre é melhor que o FrontPage. E mais imparcial... Infelizmente sofre do problema comum a todos os editores de páginas web com interface visual, gera muito código desnecessário. Eu uso-o na mesma porque desenho os meus sites primeiro no Photoshop e depois exporto pra Dreamweaver tudo impecável, mas depois dou as limadelas no código. O que aconcelho é aprenderes os básico de html e css antes de fazeres seja o que for.
Páginas: 1 2
URL's de Referência