Ir para conteúdo
Fórum Script Brasil
  • 0

Me Ajudem


Renata

Pergunta

Boa Tarde!!

Estou iniciando em HTML e portanto tenho algumas dúvidas que necessitam ser esclarecidas...

Por exemplo...

Estou tentando fazer um sitezinho de exibição de fotos que tenha um botão de avançar (avança para próxima foto) e retornar (volta para a foto anterior), porém... não sei se é possível fazer isso somente usando HTML... Será que poderiam me mandar uma solução viável...

Obrigada...

Sem mais,

Renata

Link para o comentário
Compartilhar em outros sites

16 respostass a esta questão

Posts Recomendados

  • 0

Eu já vi isso feito em PHP, fica muito bom...

Em Javascript deve dar pra fazer também.

Algo como utilizar um laço para mostrar o código HTML dentro de células (no caso dos thumbnails). Você precisaria adotar um padrão ao nomear as imagens...

Link para o comentário
Compartilhar em outros sites

  • 0

biggrin.gif Oi Renatinha !!

Seguinte, você quer fazer atraves de linhas de código HTMl mesmo, ou você esta usando algum editor ?

No FrontPage Xp tem um recurso que cria automaticamente as galerias de fotografias, e você ainda pode escolher o modelo de layout para a sua galeria...

Se estiver usando o Front, faça o seguinte:

Va ao Menu Inserir

Depois até a opção Componentes da Web

e la dentro escolha a opção Galeria de Fotografias,

aee é só escolher o modelo que melhor se adapte as suas necessidades.

No Dreamweaver , também da pra fazer, mas não me lembro como agora...

Dica: Não coloque mais do 20 imagens por página ou seu site pode ficar demasiadamente pesado e irritar o seu visitante...

Espero ter ajudado e qualquer coisa posta aeee rolleyes.gif

Um abraço

Link para o comentário
Compartilhar em outros sites

  • 0

/* Garota em php ficaria ideal + se você está começando html agora, longe de mim talvez você seja bem mas capaz do que eu imagine mas te aconselharia usar o photoShop que tem uma opção lá que gera automaticamente faz tempo que não uso pois agora uso o the gimp + sei que o photo shop tem */

Link para o comentário
Compartilhar em outros sites

  • 0

Olha só.. no PHP tem como fazer... mas pra isso você precisa de um minimo de conhecimento da linguagem... lá no forum de php tem muitos scripts pra fotos...

inclusive tcho te passar um link pra um deles...

http://scriptbrasil.com.br/forum/index.php...opic=3971&st=75

Ai ó... nessa pagina tem um script pra você fazer isso... só que você precisa ter alguns programas instalados no seu pc e meio complicado... tcho te da uma real...

rola você pedir pra alguém la fazer isso pra você e hospedar... ai você só vai ter o trabalho de formatar o html mesmo... eu posso fazer isso pra você.... qualquer coisa dá um toque ai... biggrin.gif

Link para o comentário
Compartilhar em outros sites

  • 0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<?php

// Copyright information:
// author:      Tom Gries
// date:        2001/12/12
// email:       tom.gries@xsurf.net
// name:  phpSlideShow
// version:     v1.1 - 2002/01/06

/*
Dieses Script zeigt die Pics in einem Verzeichnis als Slide-Show an. Berücksichtigt
werden dabei alle Pics mit den Endungen, die im Array $allowedXtension definiert
sind.

Im Normalfall brauchen an diesem Script keine Aenderungen vorgenommen werden.

Falls dieses Script in mehreren Verzeichnissen verwendete werden soll (was já
sehr wahrscheinlich ist;-)), dann sollte man in dieses Script zentral ablegen
und in den entsprechenden Verzeichnissen lediglich ein Script mit einem Include
auf dieses Script ablegen.

Wenn die Reihenfolge wichtig ist, muß folgende Namenskonvention für die Pics gewaehlt
werden:

    <PicName>_<LfdNr>.<Endung>

Also zum Beispiel:

    der_baum_01.jpg
	der_baum_02.gif
	der_baum_03.jpg
	...
	der_baum_12.jpg

Verschiedene Dateitypen (Endungen) koennen gemischt werden. Allerdings muss die
laufende Nummer immer mit soviel fuehrenden Nullen aufgefuellt werden, das alle
die gleiche Anzahl Stellen haben.

Mit den Variablen $tblWidth und $tblHeight werden die Tabellenbreite und Höhe
angegeben. Wenn dies auf "" gesetzt wird, passt sich die Tabelle dynamisch an.

*/


  $tblWidth = "650";
  $tblHeight = "430";
  $rowHeight = "20";
  $showDirectoryIndex = TRUE;
  $showHomepage = TRUE;
  $allowedXtension = array("jpg", "gif");

  $curdir = getcwd();
  $dir = opendir($curdir);
  $file = ".";
  if( !isset($showPic) ) {
    $showPic = 0;
  }

  if($showDirectoryIndex) {
    $DirectoryIndex = "&nbsp;DirectoryIndex&nbsp;";
  } else {
    $DirectoryIndex = "&nbsp;";
  }
  
  if($showHomepage) {
    $Homepage = "&nbsp;Homepage&nbsp;";
  } else {
    $Homepage = "&nbsp;";
  }
  
  while(false !== ($file = readdir($dir))) {
    $xtension = explode(".",$file);
    $xtension = strtolower($xtension[count($xtension) - 1]);
    if( $file != "." && $file != ".." && in_array($xtension, $allowedXtension) ) {
      $picName[] = $file;
	}
  }
   
   sort($picName, SORT_STRING);
   $NrFiles = count($picName);
   
?>
<style type="text/css">

BODY {
	BACKGROUND-COLOR:#FFFFFF;
	COLOR:#003366;
	FONT-FAMILY:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	FONT-SIZE:9pt;
	FONT-STYLE:normal;
	FONT-WEIGHT:bold;
	TEXT-ALIGN:left;
	TEXT-DECORATION:none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(imagens/fundo.gif);
}


.counter {
	COLOR:#333333;
	FONT-SIZE:9pt;
	FONT-WEIGHT:bold;
	TEXT-DECORATION:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


A, A:visited, A:active {
	COLOR:#003366;
	FONT-SIZE:9pt;
	FONT-WEIGHT:bold;
	TEXT-DECORATION:none;
}


A:hover {
	COLOR:#003366;
	FONT-SIZE:9pt;
	FONT-WEIGHT:bold;
	TEXT-DECORATION:underline;
}
.style1 {color: #a5db00}
</style><html>
<head>
	<title>phpSlideShow - <?php echo $picName[$showPic] ?></title>
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle"><table width="200" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
      <tr>
        <td><table width="200" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
          <tr>
            <td><table width="200" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#AEAEAE" bgcolor="#FFFFFF">
                <tr>
                  <td><p align="center"><img src="imagens/logo.gif" width="730" height="70"></p>
                      <table width="<?php echo $tblWidth; ?>" height="<?php echo $tblHeight; ?>" border="0" cellspacing="0" cellpadding="0" align="center" bordercolor="#000000">
                        <tr>
                          <td align="center" valign="top"><a href="<?php echo $picName[$showPic] ?>" target="_blank"><img src="<?php echo $picName[$showPic] ?>" alt="<?php echo $picName[$showPic] ?>" border="0"></a></td>
                        </tr>
                      </table>
                      <br>
                      <table width="<?php echo $tblWidth; ?>" border="0" cellspacing="0" cellpadding="0" align="center" bordercolor="#000000">
                        <tr>
                          <td width="20%" align="right"> &nbsp;
                              <?php if( $showPic > 0 ) {
     $PrevPic = $showPic - 1;
    ?>
                              <a href="<?php echo "$PHP_SELF?showPic=$PrevPic" ?>">&nbsp;<span class="style1">Anterior</span>&nbsp;</a>
                              <?php } ?>
                          </td>
                          <td width="20%" height="<?php echo $rowHeight; ?>" align="center" class="counter"> &nbsp;
                              <?php
     echo "[" . ($showPic + 1) . "/" . count($picName) . "]";
   ?>
&nbsp; </td>
                          <td width="20%" height="<?php echo $rowHeight; ?>" align="left">
                            <?php
     if( $showPic != count($picName) - 1 ) {
    $NextPic = $showPic + 1;
   ?>
                            <a href="<?php echo "$PHP_SELF?showPic=$NextPic" ?>">&nbsp;<span class="style1">Proxima</span>&nbsp;</a>
                            <?php } ?>
&nbsp; </td>
                    </table></td>
                </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
<p align="center">&nbsp;</p>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

  • 0

então... valeu mesmo.... (todos).... obrigada...porém... alguns falaram em PHP, dreamweaver, javascript... entre outros... porém... não faço nem idéia de como usar essas outras "linguagens" ... a idéia do photo shop... até seria um opção ... inclusive já até tentei.. mas.. sei lá... não sei se meu CHEFINHO... biggrin.gif ..rs... vai gostar...e.... quanto aos Iframes... no meu site já estou usando eles .... mas... é isso que eu tenho que mudar... ele (chefiiiinho) disse que com iframes... fica muito pesado além de não ficar muito bonito..sabe?!?!?!fica muito sem nada.... sem graça... sei lá....

Mas... agradeço a atençao... e se souberem de mais alguma coisa que eu possa usar...

Beijos

tongue.gif

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...