| FAQ |
| Kalender |
2009-01-15, 17:06
|
#1 | |||
|
||||
|
Nykomling
|
Har efter många om och men så har jag lyckats konstruera en egen funktion för min frus bildgalleri. i koden nedan så har jag försökt upprepa resultaten från databasen där bildnamnet och bild text osv är lagrat.
Men det jag vill kunna göra är så att den t.ex lägger 5 bilder på en rad och sen går på nästa. hur skall ja gå tillväga för att lösa det? Lösningen är säkert skit enkel bara det att jag inte är bekant med den. Kod:
<?php do { ?>
<table width="150" border="0" cellspacing="2" cellpadding="1">
<tr>
<td align="center" valign="middle">
<a href="../uploads/galleri/<?php echo $row_bilder['bild']; ?>" rel="lytebox[<?php echo $row_bilder['kat']; ?>]" title="<?php echo $row_bilder['bildtext']; ?>">
<img src="../uploads/galleri/thumbs/thumb_<?php echo $row_bilder['bild']; ?>" border="0" /></a>
</td>
</tr>
<tr>
<td align="center"><?php echo $row_bilder['bildrubrik']; ?></td>
</tr>
</table>
<?php } while ($row_bilder = mysql_fetch_assoc($bilder)); ?>
|
|||
|
 Svara med citat
|
|
2009-01-15, 17:11
|
#2 | ||
|
|||
|
Klarade millennium-buggen
|
Använd DIV eller LI och css där du floatar DIV/LI elementen.
Antingen har du ett yttre element som är litet större än 5 innerelement eller så gör du ett "break" efter fem element i din loop. Kod:
<div id="imagecontainer">
<?php do { ?>
<div>
<a href="../uploads/galleri/<?php echo $row_bilder['bild']; ?>" rel="lytebox[<?php echo $row_bilder['kat']; ?>]" title="<?php echo $row_bilder['bildtext']; ?>">
<img src="../uploads/galleri/thumbs/thumb_<?php echo $row_bilder['bild']; ?>" border="0" /></a>
<p><?php echo $row_bilder['bildrubrik']; ?></p>
</div>
</div>
<?php } while ($row_bilder = mysql_fetch_assoc($bilder)); ?>
Kod:
<ul id="imagecontainer">
<?php do { ?>
<li>
<a href="../uploads/galleri/<?php echo $row_bilder['bild']; ?>" rel="lytebox[<?php echo $row_bilder['kat']; ?>]" title="<?php echo $row_bilder['bildtext']; ?>">
<img src="../uploads/galleri/thumbs/thumb_<?php echo $row_bilder['bild']; ?>" border="0" /></a>
<?php echo $row_bilder['bildrubrik']; ?>
</li>
</ul>
<?php } while ($row_bilder = mysql_fetch_assoc($bilder)); ?>
|
||
|
|
Svara med citat
|
|
2009-01-15, 17:31
|
#3 | |||
|
||||
|
Nykomling
|
tack för det snabba svaret allstars. Men som sagt är jag inte så super haj på ämnet. Förstår nästan hur du menar. Vad menar du med att göra ett "break"?
i de övre exemplet med div taggarna så ligger ju båda sluttaggarna innanför repeaten medans den första ligger utanför. Skall det vara så? |
|||
|
|
Svara med citat
|
|
2009-01-16, 00:53
|
#4 | |||
|
||||
|
Nykomling
|
Löste det med ett plugin av den där tom muck!
|
|||
|
|
Svara med citat
|
|
2009-01-16, 13:54
|
#5 | |||
|
||||
|
Nykomling
|
Nu har jag grubblat i sömnen halva natten om ett annat problem som uppstod när jag lyckats repetera i sidled.
För mig funkar ALLT i scripten jag gjort. jag kan ladda upp bilder och skriva bildtext osv. Men så fort frugan skall prova på sin dator här redvid mig så laddar den bara upp en bild men skapar ingen thumb och stannar då... Nedan följer all kod om någon har lust att se över det. Upload.php - skippade alla con string ovan för body osv... Kod:
<body bgcolor="#CCCCCC">
<?php
//define a maxim size for the uploaded images
define ("MAX_SIZE","9999999");
// define the width and height for the thumbnail
// note that theese dimmensions are considered the maximum dimmension and are not fixed,
// because we have to keep the image ratio intact or it will be deformed
define ("WIDTH","120");
define ("HEIGHT","100");
*// this is the function that will create the thumbnail image from the uploaded image
// the resize will be done considering the width and height defined, but without deforming the image
function make_thumb($img_name,$filename,$new_w,$new_h)
{
*//get image extension.
*$ext=getExtension($img_name);
*//creates the new image using the appropriate function from gd library
*if(!strcmp("JPG",$ext) || !strcmp("jpeg",$ext))
* $src_img=imagecreatefromjpeg($img_name);
* if(!strcmp("png",$ext))
* $src_img=imagecreatefrompng($img_name);
* *//gets the dimmensions of the image
*$old_x=imageSX($src_img);
*$old_y=imageSY($src_img);
* // next we will calculate the new dimmensions for the thumbnail image
*// the next steps will be taken:
*// *1. calculate the ratio by dividing the old dimmensions with the new ones
*// 2. if the ratio for the width is higher, the width will remain the one define in WIDTH variable
*// *and the height will be calculated so the image ratio will not change
*// 3. otherwise we will use the height ratio for the image
*// as a result, only one of the dimmensions will be from the fixed ones
*$ratio1=$old_x/$new_w;
*$ratio2=$old_y/$new_h;
*if($ratio1>$ratio2) {
* $thumb_w=$new_w;
* $thumb_h=$old_y/$ratio1;
*}
*else {
* $thumb_h=$new_h;
* $thumb_w=$old_x/$ratio2;
*}
* // we create a new image with the new dimmensions
*$dst_img=ImageCreateTrueColor($thumb_w,$thumb_h);
*// resize the big image to the new created one
*imagecopyresampled($dst_img,$src_img,0,0,0,0,$thumb_w,$thumb_h,$old_x,$old_y);
*// output the created image to the file. Now we will have the thumbnail into the file named by $filename
*if(!strcmp("png",$ext))
* imagepng($dst_img,$filename);
*else
* imagejpeg($dst_img,$filename);
* //destroys source and destination images.
*imagedestroy($dst_img);
*imagedestroy($src_img);
}
// This function reads the extension of the file.
// It is used to determine if the file is an image by checking the extension.
function getExtension($str) {
* * * * $i = strrpos($str,".");
* * * * if (!$i) { return ""; }
* * * * $l = strlen($str) - $i;
* * * * $ext = substr($str,$i+1,$l);
* * * * return $ext;
}
// This variable is used as a flag. The value is initialized with 0 (meaning no error found)
// and it will be changed to 1 if an errro occures. If the error occures the file will not be uploaded.
$errors=0;
// checks if the form has been submitted
if(isset($_POST['Submit']))
{
//reads the name of the file the user submitted for uploading
*$image=$_FILES['image']['name'];
*// if it is not empty
*if ($image)
*{
* // get the original name of the file from the clients machine
* $filename = stripslashes($_FILES['image']['name']);
*
* // get the extension of the file in a lower case format
* *$extension = getExtension($filename);
* $extension = strtolower($extension);
* // if it is not a known extension, we will suppose it is an error, print an error message
* // and will not upload the file, otherwise we continue
* if (($extension != "jpg") *&& ($extension != "jpeg") && ($extension != "png"))
* {
* *echo '<h1>Okänd Filtyp!!</h1>';
* *$errors=1;
* }
* else
* {
* *// get the size of the image in bytes
* *// $_FILES[\'image\'][\'tmp_name\'] is the temporary filename of the file in which
* //the uploaded file was stored on the server
* *$size=getimagesize($_FILES['image']['tmp_name']);
* *$sizekb=filesize($_FILES['image']['tmp_name']);
* *//compare the size with the maxim size we defined and print error if bigger
* *if ($sizekb > MAX_SIZE*102400)
* *{
* * echo '<h1>För stor bild!</h1>';
* * $errors=1;
* *}
* * //we will give an unique name, for example the time in unix time format
* *$image_name=time().'.'.$extension;
* *//the new name will be containing the full path where will be stored (images folder)
* * $newname="../uploads/galleri/".$image_name;
* *$copied = copy($_FILES['image']['tmp_name'], $newname);
* *//we verify if the image has been uploaded, and print error instead
* *if (!$copied)
* *{
* * echo '<h1>Lyckad uppladdning!</h1>';
* * $errors=1;
* *}
* *else
* *{
* * // the new thumbnail image will be placed in images/thumbs/ folder
* * $thumb_name='../uploads/galleri/thumbs/thumb_'.$image_name;
* * // call the function that will create the thumbnail. The function will get as parameters
* * // the image name, the thumbnail name and the width and height desired for the thumbnail
* * $thumb=make_thumb($newname,$thumb_name,WIDTH,HEIGHT);
* *}} }}
*//If no errors registred, print the success message and show the thumbnail image created
if(isset($_POST['Submit']) && !$errors)
{
*echo "<h1>blink... Färdigt!!</h1>";
*echo '<img src="'.$thumb_name.'">';
*echo '<br><a href="bildtext.php?bild='.$image_name.'">Gå vidare till Bild Info!</a>';
}
*?>
*
*
*
*<form name="newad" method="post" enctype="multipart/form-data" *action="">
<table>
*<tr><td><input name="image" type="file" class="form" ></td></tr>
*<tr>
* *<td><input name="Submit" type="submit" class="form" value="Ladda upp!"></td></tr>
</table>
</form> *
</body>
</html>
<?php
mysql_free_result($bilder);
mysql_free_result($kattergori);
?>
Kod:
<body bgcolor="#CCCCCC">
<table width="530" border="0" cellspacing="2" cellpadding="1">
*<tr>
* *<td align="center" valign="middle"><img src="../uploads/galleri/thumbs/thumb_<?php echo $_GET['bild']; ?>" /></td>
* *<td>
* *
* *<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
*<table align="left">
* *<tr valign="baseline">
* * *<td nowrap="nowrap" align="right">Kat:</td>
* * *<td><select name="kat" class="form">
* * * *<?php
do { *
?>
* * * *<option value="<?php echo $row_kategori['namn']?>" ><?php echo $row_kategori['namn']?></option>
* * * *<?php
} while ($row_kategori = mysql_fetch_assoc($kategori));
?>
* * *</select></td>
* *</tr>
* *<tr> </tr>
* *<tr valign="baseline">
* * *<td nowrap="nowrap" align="right">Bildrubrik:</td>
* * *<td><input name="bildrubrik" type="text" class="form" value="" size="32" /></td>
* *</tr>
* *<tr valign="baseline">
* * *<td nowrap="nowrap" align="right" valign="top">Bildtext:</td>
* * *<td><textarea name="bildtext" cols="40" rows="5" class="form"></textarea></td>
* *</tr>
* *<tr valign="baseline">
* * *<td nowrap="nowrap" align="right"></td>
* * *<td><input type="submit" class="form" value="Lägg till bild!" /></td>
* *</tr>
*</table>
*<input type="hidden" name="id" value="" />
*<input type="hidden" name="bild" value="<?php echo $_GET['bild']; ?>" />
*<input type="hidden" name="datum" value="" />
*<input type="hidden" name="MM_insert" value="form1" />
</form>
* *
* *</td>
*</tr>
</table>
<br>
<p></p>
</body>
</html>
<?php
mysql_free_result($bilder);
mysql_free_result($bilder);
mysql_free_result($kategori);
?>
Kod:
<body>
<a href="upload.php"></a><a href="upload.php" rel="lyteframe" title="ladda upp bild!"
* rev="width: 550px; height: 250px; scrolling: no;">Ladda upp bild </a>- <br />
<table width="750" border="0" cellspacing="2" cellpadding="1">
*<tr>
* *<td height="350" colspan="2" align="left" valign="top">
* *
* * *<table >
* * * *<tr>
* * * * *<?php
$bilder_endRow = 0;
$bilder_columns = 5; // number of columns
$bilder_hloopRow1 = 0; // first row flag
do {
* *if($bilder_endRow == 0 *&& $bilder_hloopRow1++ != 0) echo "<tr>";
* ?>
* * * * *<td><table width="150" border="0" cellspacing="2" cellpadding="1">
* * * * * *<tr>
* * * * * * *<td align="center" valign="middle"><a href="../uploads/galleri/<?php echo $row_bilder['bild']; ?>" rel="lytebox[<?php echo $row_bilder['kat']; ?>]" title="<?php echo $row_bilder['bildtext']; ?>"> <img src="../uploads/galleri/thumbs/thumb_<?php echo $row_bilder['bild']; ?>" border="0" /></a><br />
* <a href="radera.php?id=<?php echo $row_bilder['id']; ?>" rel="lyteframe" title="radera bild!"
* rev="width: 250px; height: 100px; scrolling: no;">X</a> -
* <a href="redigera_bildtext.php?id=<?php echo $row_bilder['id']; ?>" rel="lyteframe" title="radera bild!"
* rev="width: 550px; height: 250px; scrolling: no;">R</a>
* <?php echo $row_bilder['bildrubrik']; ?></td>
* * * * * *</tr>
* * * * *</table></td>
* * * * *<?php *$bilder_endRow++;
if($bilder_endRow >= $bilder_columns) {
*?>
* * * *</tr>
* * * *<?php
$bilder_endRow = 0;
*}
} while ($row_bilder = mysql_fetch_assoc($bilder));
if($bilder_endRow != 0) {
while ($bilder_endRow < $bilder_columns) {
* *echo("<td></td>");
* *$bilder_endRow++;
}
echo("</tr>");
}?>
* * *</table>
* * *
* * *
* * *</td>
*
*</tr>
*<tr>
* *<td colspan="2" align="center" valign="top">
* * *<table border="0">
* * * *<tr>
* * * * *<td><?php if ($pageNum_bilder > 0) { // Show if not first page ?>
* * * * * * *<a href="<?php printf("%s?pageNum_bilder=%d%s", $currentPage, 0, $queryString_bilder); ?>">Första</a>
* * * * * * *<?php } // Show if not first page ?></td>
* * * * *<td><?php if ($pageNum_bilder > 0) { // Show if not first page ?>
* * * * * * *<a href="<?php printf("%s?pageNum_bilder=%d%s", $currentPage, max(0, $pageNum_bilder - 1), $queryString_bilder); ?>">Bakåt</a>
* * * * * * *<?php } // Show if not first page ?></td>
* * * * *<td><?php if ($pageNum_bilder < $totalPages_bilder) { // Show if not last page ?>
* * * * * * *<a href="<?php printf("%s?pageNum_bilder=%d%s", $currentPage, min($totalPages_bilder, $pageNum_bilder + 1), $queryString_bilder); ?>">Nästa</a>
* * * * * * *<?php } // Show if not last page ?></td>
* * * * *<td><?php if ($pageNum_bilder < $totalPages_bilder) { // Show if not last page ?>
* * * * * * *<a href="<?php printf("%s?pageNum_bilder=%d%s", $currentPage, $totalPages_bilder, $queryString_bilder); ?>">Sista</a>
* * * * * * *<?php } // Show if not last page ?></td>
* * * *</tr>
* *</table></td>
*</tr>
*<tr>
* *<td width="50%" align="left" valign="top"><p>kategorier:<br />
* * *
* * * *<?php do { ?>
* * * * *<a href="radera.php?id=<?php echo $row_kat['id']; ?>">X</a> <a href="galleri.php?kat=<?php echo $row_kat['namn']; ?>"><?php echo $row_kat['namn']; ?></a><br />
* * * * *<?php } while ($row_kat = mysql_fetch_assoc($kat)); ?>
* *</p></td>
* *<td align="left" valign="top">
* * *<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
* * * *<table align="center">
* * * * *<tr valign="baseline">
* * * * * *<td align="left" valign="top" nowrap="nowrap"><input name="namn" type="text" class="form" value="" size="32" /> * * * * * * *<input type="submit" class="form" value="Lägg till kategori!" /></td>
* * * * *</tr>
* * * *</table>
* * * *<input type="hidden" name="id" value="" />
* * * *<input type="hidden" name="datum" value="" />
* * * *<input type="hidden" name="MM_insert" value="form1" />
* * *</form>
* *<p></p></td>
*</tr>
</table>
</body>
</html>
<?php
mysql_free_result($bilder);
mysql_free_result($kat);
?>
ser ni några feting fel så säg till! EDIT: idag kan jag inte ladda upp bilder över huvud taget  EDIT2: verkar som om att den inte tål att jag laddar upp bilder större än 1mb... Men i scripten verkar ju inte någon max gräns finnas angett ? |
|||
|
|
Svara med citat
|
|
2009-01-16, 22:37
|
#6 | ||
|
|||
|
Klarade millennium-buggen
|
Citat:
 helt rätt skall den andra avslutande div ligga utanför.Begränsningen på filstorleken kan ligga på servern. |
||
|
|
Svara med citat
|
|
2009-01-17, 00:14
|
#7 | |||
|
||||
|
Nykomling
|
Citat:
Tänkte se mig för och försöka hitta ett annat uploadscript där jag srkiver in bildnamnet direkt i databasen med bildtext och allt. |
|||
|
|
Svara med citat
|
| Svara |
«
Föregående ämne
|
Nästa ämne
»
Linjär visning
|
|
Alla tider är GMT +2. Klockan är nu 11:43.