Odsyłacz tekstowy do folderu ze zdjęciami


(esc) #1

Jak zrobić odsyłacz tekstowy ( nazwijmy go test ), który po kliknięciu otwiera galerię ze zdjęciami ?

 

Zdjęcia, które mają się pokazać po kliknięciu na odsyłacz są w:

 

  1. Moj komputer

  2. Dysk D

  3. folder Strona - tutaj są pliki i foldery związane ze stroną

  4. folder  test, a w nim owe zdjęcia

 

Coś takiego jak na zdjęciu:

 

post-66343-0-85271200-1429775063_thumb.j

 

 

 


(fiesta) #2

“Śmierdzi” mi  to  zadaniem z informatyki.

 

Pokaż swój kod, opisz z czym  masz problem, co w nim  nie działa. Na gotowca nie licz  bo temat wyląduje w śmietniku.


(esc) #3

Jakie tam zadanie z informatyki :smiley:

 

Na zdjęciu widać okienko galerii, gdzie powinny być wyswietlane zdjęcia i tak wcześniej miałem, któregoś razu te zdjęcia mi się nie pokazały i nie wiem dlaczego. Dlatego rospisałem co gdzie mam.


(Drobok) #4

Na grafice masz zasłonięte url, nie podałeś kodu. Nie doczekasz się gotowca, podasz co masz :wink:


(esc) #5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xml:lang="pl" xmlns="http://www.w3.org/1999/xhtml"
 lang="pl">
<head>
  <title>STRONA WWW</title>
  <meta content="text/html; charset=iso-8859-2"
 http-equiv="content-type">
  <meta name="Description"
 content=".">
  <meta name=""
 content="">
  <link rel="stylesheet" type="text/css"
 href="obrazektlo.css">
  <style type="text/css">
/*<![CDATA[*/
  <!--
  BODY {
        background-color: grey;
  }
  DIV, SPAN {
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
  }
  P {
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
    text-indent: 2em;
    margin-left: 5;
    margin-right: 5;
  }
  TD {
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
  }
  OL, UL {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  LI {
    font-size: 9pt;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  }
  A {
    font-size: 9pt;
    color: #FEF4CF;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-weight: bold;
    text-decoration: none;
  }
  A:visited {
    color: #CEE9FF;
  }
  A:hover {
    text-decoration: none;
    color: #FFFFFF;
  }
  HR {
    color: #FFFFFF;
    height: 1;
  }
  a img{border:0;}/* ODPOWIADA ZA BRAK RAMKI W ODSYŁACZACH OBRAZKOWYCH */
  a { text-decoration: none }
  a {position: relative;}
  a .dymek {display:none;}
  a:hover .dymek {border:none !important;display: block ; position: absolute  ; top: em; right: px;}/* odpowiada ZA POJAWIANIE SIĘ OBRAZKÓW PO NAJECHANIU MYSZKĄ*/
  -->
  /*]]>*/
  </style>
  <meta name="Authoring-tool"
 content="Pajaczek NxG STD v5.9.6">
  <meta name="GENERATOR" content="MSHTML 8.00.6001.23588">
</head>
<body bottommargin="0" leftmargin="0" rightmargin="0"
 topmargin="0" marginheight="0" marginwidth="0">
<table border="0" cellpadding="0" cellspacing="0"
 height="100%" width="100%">
  <tbody>
    <tr>
      <td align="center" valign="top">
      <table border="0" cellpadding="0" cellspacing="0"
 width="760">
        <tbody>
          <tr>
            <td><img style="width: 811px; height: 301px;"
 alt="LOGO" src="logoczarne.jpg" border="0"
 height="119" width="760"></td>
          </tr>
          <tr>
            <td style="background-image: url(menu/menu_bg.gif);"
 align="right"><img alt="" src="menu/nip.gif"
 border="0" height="20" hspace="103" width="100"><img
 alt="" src="menu/menu_bg.gif" border="0"
 height="20" width="17"><a href="info.html"><img
 onmouseover="this.src='menu/puste.png'"
 onmouseout="this.src='menu/info.png'" alt="INFO"
 src="menu/info.png" border="0" height="20"
 width="90"></a><a href="foto.html"><img
 onmouseover="this.src='menu/puste.png'"
 onmouseout="this.src='menu/foto.png'"
 alt="BUDYNEK Z ZEWNĄTRZ I WEWNĄTRZ" src="menu/foto.png"
 border="0" height="20" width="90"></a><a
 href="lokalizacja.html"><img
 onmouseover="this.src='menu/puste.png'"
 onmouseout="this.src='menu/lokalizacja.png'"
 alt="" src="menu/lokalizacja.png"
 border="0" height="20" width="90"></a><a
 href="oferta.html"><img
 onmouseover="this.src='menu/puste.png'"
 onmouseout="this.src='menu/oferta.png'"
 alt="" src="menu/oferta.png"
 border="0" height="20" width="90"></a> <a
 href="index.html"><img
 onmouseover="this.src='menu/puste.png'"
 onmouseout="this.src='menu/stronaglowna.png'"
 alt="STRONA GŁ&Oacute;WNA" src="menu/stronaglowna.png"
 border="0" height="20" width="123"></a></td>
          </tr>
          <tr>
            <td bgcolor="#103c63">
            <table style="width: 811px; height: 401px;"
 border="0" cellpadding="0" cellspacing="0"
 width="811">
              <tbody>
                <tr>
                  <td
 style="background-image: url(menu/main_left_bg.gif);"
 width="269"><img style="width: 275px; height: 484px;"
 alt="" src="galeria/zdjecieglowne.jpg"
 border="0" height="360" width="480"></td>
                  <td
 style="background-image: url(menu/main_bg3.jpg);">
                  <p><img alt="" src="1pietro.png"
 border="0" height="20" width="90">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
 alt="" src="2pietro.png" border="0" height="20"
 width="90">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
 alt="" src="3pietro.png" border="0" height="20"
 width="90">&nbsp;&nbsp;</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <a title=""
 onclick="window.open('14,03/galeria.php?nr=1', 'Galeria', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,fullscreen=no,channelmode=no,width=490,height=390').focus(); return false"
 href="D:/strona/14,03">14,03 m<sup>2</sup><img
 class="dymek" alt="" src="107mini.jpg" border="0"
 height="40" width="55"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <a title=""
 onclick="window.open('11,76/galeria.php?nr=1', 'Galeria', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,fullscreen=no,channelmode=no,width=490,height=390').focus(); return false"
 href="file:///D:/strona/%7Epajtemp.htm#">11,76 m<sup>2</sup><img
 class="dymek" src="205mini.jpg" a=""></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <a title=""
 onclick="window.open('7,03/galeria.php?nr=1', 'Galeria', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,fullscreen=no,channelmode=no,width=490,height=390').focus(); return false"
 href="file:///D:/strona/%7Epajtemp.htm#">7,03 m<sup>2</sup><img
 class="dymek" alt="" src="303mini.jpg" border="0"
 height="40" width="55">&nbsp;</a>&nbsp;
                  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <a title=""
 onclick="window.open('21,35/galeria.php?nr=1', 'Galeria', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,fullscreen=no,channelmode=no,width=490,height=390').focus(); return false"
 href="file:///D:/strona/21,35">21,35 m<sup>2</sup><img
 class="dymek" alt="" src="108mini.jpg" border="0"
 height="40" width="55"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
 title=""
 onclick="window.open('53,73/galeria.php?nr=1', 'Galeria', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,fullscreen=no,channelmode=no,width=490,height=390').focus(); return false"
 href="file:///D:/strona/%7Epajtemp.htm#">53,73 m<sup>2</sup><img
 class="dymek" src="210-212mini.jpg" a=""></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
 title=""
 onclick="window.open('21,99/galeria.php?nr=1', 'Galeria', 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,fullscreen=no,channelmode=no,width=490,height=390').focus(); return false"
 href="file:///D:/strona/%7Epajtemp.htm#">21,99 m<sup>2</sup><img
 class="dymek" src="305mini.jpg" a=""></a>&nbsp;
&nbsp;&nbsp;</p>
                  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                  <p>&nbsp;&nbsp;&nbsp;&nbsp; </p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  </td>
                </tr>
              </tbody>
            </table>
            </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#000000"><a
 href="http://www.pajaczek.pl" target="_blank"></a></td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>

#6

Taka struktura plików w katalogu:

 

index.html

style.css

/img

  • zdjecie-1.jpg (plik z katalogu img

 

w pliku index html odwołanie do zdjęcia 

 

<a href=“img/zdjecie-1.jpg” alt=“jakiś opis” target="_blank">Link do zdjęcia Nr 1</a>

 

_target - otwiera zdjęcie w nowym oknie.