spoiler til hvert bilde

6. mai 2012

hei

jeg hare et problem jeg ikke greier å løse i kodene mine, jeg har en nettside som viser bilder. jeg skal ha en spoiler per ending(.jpg, .png osv), men jeg får en spoiler per bilde? jeg skal ha en spoiler per bildeserie.

Bilde:

SPOILER ALERT! Vis spoiler

http://i.imgur.com/lLGsm.png

kodene for siden:

Kode

<html>
<head>
 <LINK href="style.css" rel="stylesheet" type="text/css">
 <title>No_chan</title>
</head>
<body bgcolor = "333333">

<div id="navbar"> 
  <ul> 
  		<li><a href="pics.php">Pictures</a></li>
        <li><a href="index.php">Home</a></li>
        <li><a href="video.php">Videos</a></li> 
  </ul> 
</div>

</div> 

<br>
<div id="uploader" align="center">
<form action="upload_file.php" method="post" enctype="multipart/form-data">
<label for="file">Filename:</label><br>
<input type="file" name="file" id="file" /><br />
<input type="submit" name="submit" value="Submit" />
</form>

<script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
    </script>



</body>
</html>

<?php
      $path='./Assets/Pictures/jpg/';// change the path here related to this page
	$handle=opendir($path);

	while (($file = readdir($handle))!==false) {
	if(strlen($file)>3){
       

            print "
				<div class='spoiler'>
    				<input type='button' onclick='showSpoiler(this);' value='Show/Hide' />
    				<div class='inner' style='display:none;'>
    					
    					<table border='1' bordercolor='#FFFFFF'  width='100%'>
            			<tr>
            				<td width='20%'><a href='./Assets/Pictures/jpg/$file'><img src=$path$file height=250px width=250px></a></td>
            				<td align='center'>
            				$file<br>
            				</td><br>
            			</tr>
            		</table>
    					
    			</div>
           
            ";
            
            
            }
		}
		closedir($handle);
		
?>

Fant det ut, nye koder.

Kode

<html>
<head>
 <LINK href="style.css" rel="stylesheet" type="text/css">
 <title>No_chan</title>
</head>
<body bgcolor = "333333">

<div id="navbar"> 
  <ul> 
  		<li><a href="pics.php">Pictures</a></li>
        <li><a href="index.php">Home</a></li>
        <li><a href="video.php">Videos</a></li> 
  </ul> 
</div>

</div> 

<br>
<div id="uploader" align="center">
<form action="upload_file.php" method="post" enctype="multipart/form-data">
<label for="file">Filename:</label><br>
<input type="file" name="file" id="file" /><br />
<input type="submit" name="submit" value="Submit" />
</form>

<script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
    </script>

<div class='spoiler'>
    				<input type='button' onclick='showSpoiler(this);' value='Show/Hide' />
    				<div class='inner' style='display:none;'>

</body>
</html>

<?php
      $path='./Assets/Pictures/jpg/';// change the path here related to this page
	$handle=opendir($path);

	while (($file = readdir($handle))!==false) {
	if(strlen($file)>3){
       

            print "
				
    					
    					<table border='1' bordercolor='#FFFFFF'  width='100%'>
            			<tr>
            				<td width='20%'><a href='./Assets/Pictures/jpg/$file'><img src=$path$file height=250px width=250px></a></td>
            				<td align='center'>
            				$file<br>
            				</td><br>
            			</tr>
            		</table>
    					
    			
           
            ";
            
            
            }
		}
		closedir($handle);
		
?>

<html>
<body>
</div>
</body>
</html>

Sist endret av mrGuytoco; 6. mai 2012 kl. 11:02.