Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]->[PHP] Zamiana kodu strony
Forum PHP.pl > Forum > Przedszkole
Stivoo
Witam.

Od paru dni mecze się z galerią w htmlu i jQ pomimo iż jest to estetyczne i działa jak trzeba niestety nie spełnia moich wymagań co do prostoty użytkowania.


Dlatego potrzebuję pomocy lub jakiegoś sensownego tutorial'a który pokazuje jak prze-konwertować kod HTML na PHP z tego względu iż tylko w PHP są dostępne skrypty (darmowe) które same generują miniaturę zdjęcia i zamieszczają na danej stronie (podstronie) co jest bardzo wygodne bo nie trzeba za każdym razem gdy chce się zamieścić zdjęcie ingerować w kod strony.

Lub sposób na zamieszczenie w danym miejscu strony, funkcji która w danym miejscu wstawia ową galeria przy wykorzystaniu odnośnika do np. galeria.php ( o ile w ogóle coś takiego jest możliwe)

Zaznaczę jeszcze że jest to prosta strona w HTMLu oparta o CSS (tzw. strona wizytówka).

Za pomoc z góry dziękuję.
Barcelona
Hmm, nie do końca rozumiem.
Jakbyś mógł rzucić kodem tej galerii i napisać co chcesz "przekonwertować" na php
Stivoo
Dobra. Oto kod strony w HTMLu dokładnie galeria.html

Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head>
    <title>Galeria | Nazwa strony </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="css/styles.css" type="text/css" />

</head>
<body onselectstart="return false" onselect="return false" oncopy="return false">
    
    <!-- Logo & Info -->
    <div id="top">
            <a href="index.html" title="LOGO"><img style="border-width:0px" src="images/logo.png" alt="LOGO" /></a>
                
            <div id="topinfo" class="fr">
                <ul>
                    <li>
                        <p>Telefon: <span>123123123</span></p>
                    </li>
                    
                    <li>
                        <p>Email: <a href="mailto:EMAIL" title="Napisz do nas">EMAIL</a></p>
                    </li>
                    
                    <li>
                        <p>Adres: <span>UL</span></p>
                    </li>
                </ul>
            </div>        
    </div><!-- end Logo & Info -->
    
    <!-- Menu -->
    <div class="wrapper nr1">
        <div id="menu">
            <ul>
                <li><a href="index.html">Home<span>Strona główna</span></a></li>
                <li><a href="galeria.html">Galeria<span>Realizacje</span></a></li>
                <li><a href="kontakt.html">Kontak<span>Mapa dojazdu</span></a></li>
                <li><a href="partnerzy.html">Partnerzy<span>Współpraca</span></a></li>    
            </ul>
        </div>
    </div> <!-- end Menu -->
    
    
    <!-- Lokalizacja -->
    <div class="wrapper nr5">
        <div class="lokalizacja">
            <p>Jesteś tutaj:
            <a href="index.html" title="Home">Home</a>
            &nbsp;/&nbsp;
            <strong>Galeria</strong>
            </p>
        </div>
    </div> <!-- end Lokalizacja -->    
    
    <!-- Container -->
    <div class="wrapper nr3">
        <div id="container">
            <div class="content fl" style="width:28%">
                <div id="lpanel">
                
                LEWY PANEL NAWIGACJI PO GALERIACH
z linkami do podkategorii galerii

NP:

Logotypy
Zdjęcia
itp.
                    
                </div>
            </div>

            <div class="content fr" style="width:66%">            
                    
            PRAWY PANEL ZE ZDJĘCIAMI Z GALERII  
                                    
            </div>
        </div>
    </div>  <!-- end Container -->


    
    <!-- Footer -->
    <div class="wrapper nr4">
        <div id="footer">
            <p class="fl">&copy; NAZWA</p>

            <span class="fr">
                <a href="index.html">Home</a> |
                <a href="galeria.html">Galeria</a> |
                <a href="kontakt.html">Kontak</a> |
                <a href="partnerzy.html">Partnerzy</a>
            </span>
        </div>
    </div> <!-- end Footer -->
    
</body>
</html>


i chodzi o to że chcę cały ten kod przerobić na php by moc dodać skrypt (napisany w php) galerii w tym miejscu " PRAWY PANEL ZE ZDJĘCIAMI Z GALERII " (zdjecia będa brane z foldera np. /galeria/ IMG1.jpg a dla pod galerii analogicznie /galeria/logotypy/ imgasd.jpg)



A oto skrypt galerii :

Kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title><?php echo $title; ?></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div id="content">
<p id="title"><a href="?p=1"><?php echo $title; ?></a></p>

<div id="rame">

<?php

$src = "img/";

$dir = opendir($src);

$x = 0;

while($file_name = readdir($dir))
    {
         if(($file_name!=".")&&($file_name!="..")) {
        $x++;
        $img[$x] = $file_name;
        }
    }

$p = (int) $_GET['p'];
$nr = $_GET['id'];

if(empty($p) && empty($nr)) { header("Location: ?p=1");  }

$back = $nr-1;
$next = $nr+1;

$sum = 12*($p-1)+1;

$dop = $sum+11;

$il = $x/12;
$il = ceil($il);

if($p == $il) { $sum = 12*($il-1)+1; $dop = $x; }

if($x<12) { $sum = 1; $dop = $x; }

if(empty($nr)) {
    for($y = $sum; $y <= $dop; $y++) {
    $zdj = getimagesize("img/$img[$y]");
    if($zdj[0] > $zdj[1]) { echo "<div class='img'><a href='?id=$y'><img src='img/$img[$y]' class='thumb2'></a></div>"; }
    else { echo "<div class='img'><a href='?id=$y'><img src='img/$img[$y]' class='thumb'></a></div>"; }
    }}
else {
    echo "<img src='img/$img[$nr]' class='normal'><br>";
    if($nr!=1) {
    echo "<a href='?id=1'> początek </a> | ";
    echo "<a href='?id=$back'> wstecz </a>"; }
    if($nr!=$x && $nr!=1) { echo " | "; }
    if($nr!=$x) {
    echo "<a href='?id=$next'> dalej </a> | ";
    echo "<a href='?id=$x'> koniec </a>";}
    }


?>

</div>

<p id="pages">
<?php
if($il>1) {
for($a = 1; $a <= $il; $a++) {
echo "<a href='?p=$a'>$a</a> ";
}
}
?>
</p>

</div>

</body>
</html>
Barcelona
echo
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.