• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Fortlaufende Nummer in Html Code automatisieren ?

B

b00kii

Neues Mitglied
Wunderschönen Guten Abend elle miteinander,

ich habe wie viele hier ein kleines Problem.
Zuerst einmal zu meinem vorhaben; Ich habe mir eine Fotogalerie erstellt, wo einige Bilder untergebracht werden sollen. Die kleinen Thumbnails sind verlinkt und werden mittels Java aufgepopt. Das passt auch alles nur jetzt zum eigentlichen Problem:
Ich habe wenig Lust diesen Code ca 900 mal zu kopieren und die Nummer zu ändern

HTML: 
<tr>
            <td  class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
            <a href="img/JPEG/0001.jpg" data-lightbox="image-1">
                <img src="img/thumb/0001-thumbnail.jpg" height="100"><br>
                </center></div></a></td>
           <td  class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
            <a href="img/JPEG/0002.jpg" data-lightbox="image-1">
                <img src="img/thumb/0002-thumbnail.jpg" height="100"><br>
                </center></div></a></td>
               <td  class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
            <a href="img/JPEG/0003.jpg" data-lightbox="image-1">
                <img src="img/thumb/0003-thumbnail.jpg" height="100"><br>
                </center></div></a></td>
                   <td  class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
            <a href="img/JPEG/0004.jpg" data-lightbox="image-1">
                <img src="img/thumb/0004-thumbnail.jpg" height="100"><br>
                </center></div></a></td>
                       </tr>

usw...

Gibt es eine Möglichkeit dies zu "automatisieren" ? Müsste es nur 1x komplettieren dann kann ich es ja nach belieben anpassen.

Excel habe ich schon vergeblich versucht (habe versucht eine Formel in den Code zu schreiben)

Bin über jeden Beitrag dankbar :confused:

Vielen dank !

Viele Grüße
Christian :D
 
Hat dein Webserver PHP?

Dann kannst du das so in der Art machen:

PHP: 
<?php
$bilderanzahl = 0; //Enter your number here
for ($i=1;$i <= $bilderanzahl;$i++) {
?>

         <td class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
          <a href="img/JPEG/<?=$i?>.jpg" data-lightbox="image-1">
              <img src="img/thumb/<?=$i?>.-thumbnail.jpg" height="100"><br>
             </center></div></a></td>

<?php
}?>

Musst die Nummer dann halt nur noch an dein Format anpassen :)

Bei 3 führenden nullen dann so in der Art(statt $i oben)
PHP: 
str_pad($i, 4 ,'0', STR_PAD_LEFT);
 
Du könntest deinen Code mit PHP in eine for schleife machen und die Zählervariabel für die Bildnummern verwenden
 
kenne mich mit php leider überhaupt nicht aus, werde mich aber die tage reinlesen vielen vielen dank dafür schonmal :)
 
okay prima hat soweit funktioniert :rolleyes:

leider gibt er mir in der Tabellenzeile immer das gleiche Bild aus also:

1 1 1 1

2 2 2 2

3 3 3 3

usw...

ich hätte gerne

1 2 3 4

5 6 7 8

9 10 11 12

usw...

hat da jemand n Tipp ?
 
Habe leider nicht soviel ahnung :(

HTML: 
<html>

    <head>
    <title>balgen / 123456789 Galerie</title>
        <link rel="apple-touch-icon" href="/logo/icon_mobile_device.png"/>
    <style type="text/css">
a:link { text-decoration:none; color:#dfded6; }
a:visited { text-decoration:none; font-weight:bold; color:#dfded6; }
a:hover { text-decoration:none; background-color:#5d5d5d; color:#dfded6 }

        body {background: url(/background/bg/hintergrund_skaliert.jpg) no-repeat fixed;}
        body {background-color: rgb(24, 19, 16)}
       
       html, body, textarea {
  scrollbar-base-color:#494949;
  scrollbar-3d-light-color:#494949;
  scrollbar-arrow-color:#a5a5a5;
  scrollbar-darkshadow-color:#494949;
  scrollbar-face-color:#494949;
  scrollbar-highlight-color:#494949;
  scrollbar-shadow-color:#494949;
  scrollbar-track-color:#646262;
}

        a img {
border: 0px;
}
.oben    { vertical-align:top; }
.mittig  { vertical-align:middle; }
.unten   { vertical-align:bottom; }
       
         
</style> 
       
   
       
       
       
       
    </head>
   

<body>
    <body bgcolor="#000000">
    <font face=verdana color="ffffff">
    <center>
   
     <table cellpadding="4" cellspacing="0" border="0" width="70%">

         <tr>
        <td>
             </td>   
      <td  bgcolor=#222222 style="opacity:0.95;"><font face=arial size=1 color=#dfded6>
          <img width="50" src="/platzhalter/header.gif">
         
         
         
         
          <table border="0" cellpadding="0" cellspacing="10">
          <tr>
              <td height="120" width="150">
                <img src="/logo/Logo.png" height="150">
              </td>
              <td height="120" width="50">
             
              </td>
              <td height="120" width="80%" >
                  <div align="right">
                      <img src="/logo/LogoII.png" height="150"></div>
              </td>
              <td width="100">
             
              </td>
              </tr>
          </table>
         
         
         
        
          </div>    
            
         
          </font>
          </div></td>

  </tr>
   
    <tr>
       
    <td>
        </td>
    </tr>
<tr>
    <td>
       
                
             </td>
         <td height=30 bgcolor="3e3e3e" style="opacity:0.9;"><font size=2 face=verdana color=#dfded6>
            
             <div align="right">
            
            
             &nbsp;&nbsp;<img src="/platzhalter/platzhalterlinkII.png" height="18" width="1">&nbsp;&nbsp;
             <a href="/index.html" target="_self"><img src="/nav/balgen-booth.png" height="20"></img></a>
              
            
             &nbsp;&nbsp;<img src="/platzhalter/platzhalterlinkII.png" height="18" width="1">&nbsp;&nbsp;
             <a href="/faq.html" target="_self"><img src="/nav/faq.png" height="20"></img></a>
            
              &nbsp;&nbsp;<img src="/platzhalter/platzhalterlinkII.png" height="18" width="1">&nbsp;&nbsp;
             <a href="/kundengalerie.html" target="_self"><img src="/nav/kundengalerie.png" height="20"></img></a> 
            
              &nbsp;&nbsp;<img src="/platzhalter/platzhalterlinkII.png" height="18" width="1">&nbsp;&nbsp;
             <a href="/preise.html" target="_self"><img src="/nav/preise.png" height="20"></img></a> 
                
             &nbsp;&nbsp;<img src="/platzhalter/platzhalterlinkII.png" height="18" width="1">&nbsp;&nbsp;
            
            
             <img width="30" src="/platzhalter/header.gif">
             </div>
             </td>
             <td>
             </td>
</tr>
      <tr>
          <td>
             </td>
    <td>
        </td>
    </tr>  

         <tr>
             <td>
               
             </td>
         <td height=400 bgcolor="#494949" style="opacity:0.85;"><font size=2 face=verdana color=#dfded6><div align="right" >
            
            
             <table border="0" width="100%" height="450">
        <tr>
           
        <td width="100%" heigh="100%"  class="oben"><font size=2 face=verdana color=#dfded6><div align="justify">   
            <center>
              <script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
        <link href="css/lightbox.css" rel="stylesheet" />
               
               
                <table border="0" cellspacing="7" cellpadding="10">
                   
                    <div align=right><br><font size="4">Test/ Weihnachtsfeier 2014</font><img src="/platzhalter/platzhalterlinkII.png" height="1" width="58"><br><br></div>
       
                 
         <?php
         $bilderanzahl = 469; //Enter your number here
         for ($i=1 ;$i <= $bilderanzahl;$i++) {
         ?>
<tr>
                  <td class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
                   <a href="img/JPEG/<?=str_pad($i, 4 ,'0', STR_PAD_LEFT);?>-balgen-booth.de.jpg" data-lightbox="image-1">
                       <img src="img/thumb/<?=str_pad($i, 4 ,'0', STR_PAD_LEFT);?>-thumbnail.jpg" height="100"><br>
                      </center></div></a></td>
                     
                      <td class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
                       <a href="img/JPEG/<?=str_pad($i, 4 ,'0', STR_PAD_LEFT);?>-balgen-booth.de.jpg" data-lightbox="image-1">
                           <img src="img/thumb/<?=str_pad($i, 4 ,'0', STR_PAD_LEFT);?>-thumbnail.jpg" height="100"><br>
                          </center></div></a></td>
                         
                          <td class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
                           <a href="img/JPEG/<?=str_pad($i, 4 ,'0', STR_PAD_LEFT);?>-balgen-booth.de.jpg" data-lightbox="image-1">
                               <img src="img/thumb/<?=str_pad($i, 4 ,'0', STR_PAD_LEFT);?>-thumbnail.jpg" height="100"><br>
                              </center></div></a></td>
                             
                              <td class="oben" bgcolor="#535353" width="3%"><font size=1 face=verdana color=#dfded6><div align="justif"><center>
                               <a href="img/JPEG/<?=str_pad($i, 4 ,'0', STR_PAD_LEFT);?>-balgen-booth.de.jpg" data-lightbox="image-1">
                                   <img src="img/thumb/<?=str_pad($i, 4 ,'0', STR_PAD_LEFT);?>-thumbnail.jpg" height="100"><br>
                                  </center></div></a></td>
                     
</tr>
         <?php
         }?>   
                       
               
       
        </table>
               
                
               
            </center>          
            </div>
            </td>
        
        
        </tr>
       
       
       
        </table>
            
             </a></p>
             <center>
            
                 <a href="javascript:history.go(-1)"><font size=2 face=verdana color=#898686><-</font></a>
                 <img width="250" src="/platzhalter/header.gif">
                 <a href="javascript:history.go(+1)"><font size=2 face=verdana color=#898686>-></font></a>
            
            
                 </center></div></td>
    <td>   
   
             </td>
   
         </tr>
     <td>
             </td>
<tr>
   
   
    </tr>
<tr>
     <td>
             </td>
         <td height=25 bgcolor="#3e3e3e" style="opacity:0.9;"><font size=1 face=verdana color=#dfded6>
           <div align="right" >
           
              
                &nbsp;&nbsp;<img src="/platzhalter/header.gif" height="18" width="1">&nbsp;&nbsp;   
                <a href="/impressum.html" target="_self"><img src="/nav/impressum.png" height="20"></img>
                   
                </a>&nbsp;&nbsp;<img src="/platzhalter/header.gif" height="18" width="1">&nbsp;&nbsp;
                <a href="/kontakt.html" target="_self"><img src="/nav/kontakt.png" height="20"></img>
                   
                </a>&nbsp;&nbsp;<img src="/platzhalter/header.gif" height="18" width="1">&nbsp;&nbsp;  
                              
             <img width="30" src="/platzhalter/header.gif">
               
             </div></font>
         </td>
     <td>
             </td>
  
</tr>
        
</table>  
       
       
   
    </center>

   
   
   
   
    </font>
    </body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben