Beiträge von Bandit

Bandit · Vor 11 Stunden

Du denkst schon wieder nicht mit!

Zitat

Definieren width und height nicht die Größe des Containers der das Kreuz umgibt?

Jein, der Container ist 30x30 Pixel groß, und dieser hat als Hintergrund eine Grafik, die oben rechts positioniert wird.

Also kann es doch nicht sein, dass

Code

background: url("images/close.png")top right no-repeat;

die Positionierung großartig verändert, das bleibt alles im Container von 30x30 Pixel. Wenn du das Kreuz anders positionieren willst, dann musst du doch den Container verschieben und nicht die Grafik!

Bandit · Vor 13 Stunden

Bei

Code

width: 30px;
height: 30px;

glaubst du wirklich, dass

Code

background: url("images/close.png")top right no-repeat;

eine große Rolle für die Position des Kreuzes spielt?

Und https://www.w3schools.com/tags/tag_figcaption.asp

Bandit · Vor 14 Stunden

Zitat von Spider67

Oder liege ich da falsch?

Ja

Zitat

Weiters wollte ich noch fragen, ob es auch möglich ist, beim Vorschaubild den selben Text wie beim großen Bild unter dem Bild anzuzeigen.

Und nochmal ja

Bandit · Vor 15 Stunden

Mal davon abgesehen. dass das Sch.... aussieht, wenn du das Kreuz auch zentrieren willst, hier solltest du mal lesen:

https://www.w3schools.com/css/css_float.asp

Bandit · Vor 20 Stunden

Ich gebe dir jetzt mal einen Tipp, wie du selber dein eigenes CSS erweitern musst, um den Text zu zentrieren und die Fontgröße zu ändern. Wenn du das einmal verstanden hast, wirst du solche Dinge selber finden können und das ist besser, als dir hier des Rätsels Lösung zu präsentieren.

Rufe die Seite im Browser auf.
Klicke auf das Bild
Klicke auf den Text mir der rechten Maustaste
Wähle "Element untersuchen" (Firefox) bzw. "Untersuchen" (Chrome)

Du siehst dann im Browser den HTML-Code und die CSS-Klassen mit deren Werten, die dort greifen. Du nimmst dann die CSS-Klasse, die für den Text zuständig ist und überschreibst dann in deinem CSS die Werte für Größe und Alignment.

Bandit · Freitag, 20:41

Wenn es ein Dummy ist, dann sollte klar sein, dass man keine CSS-Klasse zuweisen muss.

Bandit · Freitag, 20:20

Wenn, aber wirklich nur wenn man mal in die CSS-Datei von Lightbox rein sieht, kann man feststellen, dass es die CSS-Klasse example-image-link nicht gibt. Daraus könnte man glatt schließen, dass das nur ein Dummy ist.

Bandit · Montag, 13:28

Matrix0r

Würdest du bitte mal auf das Datum der Threads achten und auf die Spamerei verzichten.

Bandit · 12. Januar 2020

Zitat von Gastl

Am ausgestreckten Arm verhungern lassen.

Stimmt eigentlich, aber bei solchen Leuten juckt es in den Fingern. Das gnadenlose Ausnutzen kostenloser Hilfe ohne einen Hauch von Eigeninitiative geht mir auf den Nerv.

Bandit · 12. Januar 2020

Trolle können mit nicht verärgern, weil sie unfähig sind und das selbst noch nicht mal wissen.

Bandit · 11. Januar 2020

Ich muss mich bei dir auch immer wiederholen, weil du dir ständig alles vorkauen lässt, anstatt ein Minimum an Eigeninitiative zu zeigen.

Und den "Kasperl" kannst du dir schenken, besonders dann, wenn man so unfähig wie du ist.

Bandit · 11. Januar 2020

Ich finde dich echt unglaublich!!! Kannst du dich auch mal selber um so einen Kleinkram kümmern!??!?!

Man sehe sich die CSS-Datei an, darin steht u.a.

Code

.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../images/loading.gif) no-repeat;
}

Da sollte einem etwas auffallen!

Und dann kann man sich auch mal das Beispiel ansehen, da findet man u.a.

Code

<link rel="stylesheet" href="../dist/css/lightbox.min.css">

So einfach hättest du das selber heraus finden können! Warum machst du das nicht???

Bandit · 10. Januar 2020

Zitat von Spider67

Wird sicher eine schöne Arbeit werden bei ungefähr 60 Bildern!!

Mit einem passenden Script eine Sache von ein paar Sekunden. Wenn du auf deinem Rechner einen Webserver mit PHP laufen hast, kann du mit folgendem Script alle Bilder auf eine Größe bringen:

index.php

PHP

<html>
<head>
<title>Image-Resizer</title>
</head>
<body>
<?php
if ( ! isset($_POST["submit"]))
{
?>
<div align='center'>
<center>
<form action='<?php echo $_SERVER["SCRIPT_NAME"]; ?>' method='POST'>
<table border='0' width='50%'>
<tr>
<td width='16%'></td>
<td width='84%'><font size='5'><b>Image-Resizer</b></font></td>
</tr>
<tr>
<td width='16%' height='20'> </td>
<td width='84%' height='20'> </td>
</tr>
<tr>
<td width='16%'>Quellverzeichnis:</td>
<td width='84%'><input type='text' name='source' size='30'></td>
</tr>
<tr>
<td width='16%'>Zielverzeichnis:</td>
<td width='84%'><input type='text' name='destination' size='30'></td>
</tr>
<tr>
<td width='16%'>Breite in Pixel:</td>
<td width='84%'><input type='text' name='width' size='4'></td>
</tr>
<tr>
<td width='16%'>Höhe in Pixel:</td>
<td width='84%'><input type='text' name='height' size='4'></td>
</tr>
<tr>
<td width='16%'>Qualität:</td>
<td width='84%'><input type='text' name='quality' size='4' value='100'></td>
</tr>
<tr>
<td width='16%'>Proportional:</td>
<td width='84%'><input type='checkbox' name='fixed' checked></td>
</tr>
<tr>
<td width='16%'></td>
<td width='84%'></td>
</tr>
<tr>
<td width='16%'></td>
<td width='84%'><input type='submit' name='submit' value='Abschicken'</td>
</tr>
</table>
</form>
</center>
</div>
<?php
}
else
{
// Bei Timeout-Problemen den Wert erhöhen
ini_set("max_execution_time", "3000");
$source = $_POST["source"];
$dest = $_POST["destination"];
$width = $_POST["width"];
$height = $_POST["height"];
$quality = $_POST["quality"];
if (isset($_POST["fixed"]))
$fixed = true;
else
$fixed = false;
if (! strlen ($source))
{
echo "Kein Quellverzeichnis";
exit;
}
if (! strlen ($dest))
{
echo "Kein Zielverzeichnis";
exit;
}
if (! strlen ($width) && ! strlen ($height))
{
echo "Keine Größen angegeben";
exit;
}
if ($fixed)
{
if (strlen ($width))
$height = 0;
else if (strlen ($height))
$widht = 0;
}
include_once("./functions.inc.php");
$data = getImagesFromPath($source);
if (! file_exists($dest))
{
if ( ! mkdir ($dest, "0777"))
{
echo "Verzeichnis $dest konnte nicht angelegt werden";
exit;
}
}
foreach($data as $name)
{
$in = $source . "/" . $name;
$out = $dest . "/" . $name;
$out = str_replace(" ", "_", $out);
$ret = resizeImage($in, $out, $width, $height, $quality);
if ($ret)
echo "Grafik $out erzeugt<br>\n";
else
echo "<font color='#FF0000'>Grafik $out konnte nicht erzeugt werden</font><br>\n";
}
}
?>
</body>
</html>

Alles anzeigen

functions.inc.php

PHP

<?php
function getImagesFromPath($path)
{
$result = array();
$handle=opendir($path);
while ($file = readdir ($handle))
{
if ($file != "." && $file != "..")
{
if (! is_dir($file))
{
$tmp = strtolower($file);
$sub = substr($tmp, -4);
if ($sub == ".png" || $sub == ".jpg" || $sub == ".gif")
$result[] = $file;
}
}
}
return $result;
}
function resizeImage($file_name_src, $file_name_dest, $width = 0, $height = 0, $quality = 100)
{
if (file_exists($file_name_src) && isset($file_name_dest))
{
if ($width == 0 && $height == 0)
return false;
$file_name_dest = strtolower($file_name_dest);
$est_src = pathinfo(strtolower($file_name_src));
$est_dest = pathinfo(strtolower($file_name_dest));
$size = getimagesize($file_name_src);
if ($height && ! $width)
{
$h = number_format($height, 0, ',', '');
$w = number_format(($size[0]/$size[1])*$height,0,',','');
}
else if (! $height && $width)
{
$w = number_format($width, 0, ',', '');
$h = number_format(($size[1]/$size[0])*$width,0,',','');
}
else
{
$h = number_format($height, 0, ',', '');
$w = number_format($width, 0, ',', '');
}
if ($est_dest['extension'] == "gif" || $est_dest['extension'] == "jpg" || $est_dest['extension'] == "png")
{
$dest = imagecreatetruecolor($w, $h);
imageantialias($dest, TRUE);
}
else
{
return FALSE;
}
switch($size[2])
{
case 1: //GIF
$src = imagecreatefromgif($file_name_src);
break;
case 2: //JPEG
$src = imagecreatefromjpeg($file_name_src);
break;
case 3: //PNG
$src = imagecreatefrompng($file_name_src);
break;
default:
return FALSE;
break;
}
imagecopyresampled($dest, $src, 0, 0, 0, 0, $w, $h, $size[0], $size[1]);
switch($size[2])
{
case 1:
imagegif($dest,$file_name_dest);
break;
case 2:
imagejpeg($dest,$file_name_dest, $quality);
break;
case 3:
imagepng($dest,$file_name_dest);
}
return TRUE;
}
return FALSE;
}

Alles anzeigen

Es sei gesagt, dass dies eines meiner ersten Scripte war, nicht schön, funktioniert aber. Bei vielen und großen Bilder muss man eventuell max_execution_time und memory_limit von PHP erhöhen.

Bandit · 10. Januar 2020

Zitat von Spider67

Mir ist es nur darum gegangen, ob einer der beiden Links eine Lightbox Variante enthält, die mit eienm Bild auskommt, oder ob man immer 2 Bilder in unterschiedlicher Größe speichern muss

Das hättest du alleine mit dem Beispiel ausprobieren können.

Damit du mir das auch glaubst, aus dem HTML-Code des Beispieles:

Code

<a class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-1.jpg" data-lightbox="example-1"><img class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-1.jpg" alt="image-1" /></a>

Wenn man sich das betrachtet, sieht man eindeutig, dass da 2 Images benutzt werden.

Bandit · 9. Januar 2020

So einen Forentroll habe ich echt noch nicht erlebt!

Du willst Lightbox2 benutzen. OK. Wo ist jetzt noch dein Problem?

Dein Link: https://lokeshdhakar.com/projects/lightbox2/

Wenn du da auf Github klickst, landest du hier: https://github.com/lokesh/lightbox2

Das habe ich dir geschrieben: https://github.com/lokesh/lightbox2

Was willst du jetzt noch wissen?

Bandit · 9. Januar 2020

Also bitte! Jetzt downloade die Zip-Datei, entpacke sie und starte die index.html im Verzeichnis examples. Somit siehtst du, dass du ein lauffähiges Beispiel hast. Was willst du noch?

Bandit · 9. Januar 2020

Zitat von Spider67

Oder kann man beide Beispiele auf der github Seite downloaden?

Wenn du mal auf Download geklickt hättest und dann in das Zip-File rein gesehen hättest, hätte sich die Frage von alleine erledigt. Jetzt mal ehrlich, zeige doch endlich mal mehr Eigeninitiative!

Bandit · 8. Januar 2020

https://github.com/lokesh/lightbox2

Bandit · 1. Januar 2020

Danke, das war es jetzt endgültig! Ich bin raus! Du bist nicht in der Lage, einfachste Zusammenhänge zu erkennen. Dir kann man nur helfen, wenn man dir das Script komplett fertig schreibt, aber das werden ich nicht machen, denn dann würde am Ende deine Bequemlichkeit gewinnen, das aber ohne mich!

Dieser Thread wäre in einem echten PHP-Forum w.z.B.bei php.de schon längs geschlossen worden. Wie gesagt, lern- und beratungsresistent, das wird in keinem Forum gerne gesehen.

Und tschüss!

Bandit · 1. Januar 2020

Zitat von Spider67

Warum schreibst Du nicht ganz einfach was ich umformen muss

Meine Güte, wie begriffsstutzig kann man denn sein!?!?!?!?!?

Den Dateinamen!!!!!!!!

Beiträge von Bandit

Bildergalerie 2

Bildergalerie 2

Bildergalerie 2

Bildergalerie 2

Bildergalerie 2

Bildergalerie 2

Bildergalerie 2

Wie wichtig ist Excel ?

Bildergalerie

Bildergalerie

Bildergalerie

Bildergalerie

Bildergalerie

Bildergalerie

Bildergalerie

Bildergalerie

Bildergalerie

Bildergalerie

Formular versenden

Formular versenden