Na ja egal habe nun alles via php ImageMagick umgewandelt und beim Download Pars der Bilder wird es automatisch umgewandelt.
Ergebniss:
Portrait:
[Blockierte Grafik: https://abload.de/img/portraitu7j3b.jpg]
Links und Rechts:
[Blockierte Grafik: https://abload.de/img/siteg0kop.jpg]
Oben und Unten:
Du weißt aber schon, dass du bei der Anzahl Bilder eine extrem hohe Scriptlaufzeit und Speicherverbrauch hast? Wenn du keinen eigenen Server hast, wird das nicht funktionieren, da steigt jeder Webspace aus.
gibt schon Linux vserver für 6 euro im monat mit 8GB Ram. Benutze ich aber nicht mehr da alles local auf ner 4TB WD Elements Platte ist.
sind meist nur bilder von tmdb & imdb die backgrounds parsen.
Habe das bis nun eingebaut Resize Image Class With PHP
Beim Parsen/Grab auf der Website lade ich div. Bilder herunter in unterschiedliche größen (Land oder Porträt)
Muss aber alle auf mindestens 1600x900 bringen.
Da Potrait Bilder leider die Website Vertikal Stretchen. Website ist ein Web App und wurde in Angular CLI erstellt und habe never plan davon.
Sourcecode habe ich und versucht mit node & Angular unter windows das zu laden ging aber irgendwie net^^
Da ich aber das nicht alles von hand machen will, bin ich nun ein Umweg gegangen.
Rezize alle Bilder generell zu einer 900px Höhe Die Breite Passt sich Auto an.
Danach erstelle ich mit Image Magik ANLEITUNG die Porträt Bilder unter 1600px Breite zu einer 1600px Breite.
So das alle nun Bilder nun 1600x900 haben.
Mit diesem PHP Code lässt sich zwar breite und höhe herausfinden.
<?php
list($width, $height, $type, $attr) = getimagesize("image_name.jpg");
echo "Width: " .$width. "<br />";
echo "Height: " .$height. "<br />";
echo "Type: " .$type. "<br />";
echo "Attribute: " .$attr. "<br />";
//Using array
$arr = array('h' => $height, 'w' => $width, 't' => $type, 'a' => $attr);
?>Result like this -
Width: 200
Height: 100
Type: 2
Attribute: width='200' height='100'
Hallo @all
Habe einen Ordner mit 30.000 Bilder
Würde aber gerne via PHP & Mysql Select if else Bilder Verkleinern & mit Qualität von 80% ,
((Nur die, die erst ab eine Dimension)) von 1920x1080 bis 6123x3456 im Ordner sind.
Rest Dimension unter 1920x1080 sollen bleiben im Ordner.
Finde nur tuts im web die alle Bilder Resizing..
Nicht möglich mit PHP ?
Habs eh nun selber herausgefunden
<input id="togglePre" type="checkbox" /> Autoplay!
<div class="play_btn" id="someLinkId" onclick="
<script>
function createCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
$("input#togglePre").change(function() {
if ($(this).is(':checked')) {
$(document).ready(function() {
$('#someLinkId').click();
});
createCookie("pre", "prelight", 1000);
} else {
eraseCookie("pre", "prelight");
}
});
if (readCookie("pre")) {
$(document).ready(function() {
$('#someLinkId').click();
});
$('input#togglePre').attr('checked', 'checked');
}
</script>
brauch das eher im cookie weil der haken verschwindet
Moin habe null plan von javascript aber ich benötige hilfe.
Ich brauche eine Autoplay checkbox onload funktion.
Zuerst habe ich dieses hier :
Was auch funktioniert soweit.
<script>
$(document).ready(function() {
$('#someLinkId').click();
});
</script>
<div class="play_btn" id="someLinkId" onclick="<?php if (empty($music->songData->dark_wave) && empty($music->songData->light_wave)) { ?>wavesurfer.play();<?php } else { ?>playSong('{{t_audio_id}}');<?php } ?>"></div>Nun will ich aber eine checkbox für autoplay oder nicht. Das Problem ist aber das der checkbox haken verschwindet sobalt ich
die seite neu lade/refresh oder neue seite lade. ....checkbox checked> will ich nicht..
Habe nach 3 stunden suche im web nun entlich etwas gefunden wo der haken drin bleibt in der checkbox.
Nur weis ich nicht wie ich dies da einbaue als $('#someLinkId').click(); in das untere java
Hier mal das javascript:
hier nun das was ich gefunden habe:
<div class="check">
<p><input type="checkbox" value="Name" id="name" checked /> <label for="name">Name</label></p>
<p><input type="checkbox" value="Reference " id="reference" checked /> <label for="reference">Reference</label></p>
</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script>
function getStorage(key_prefix) {
// this function will return us an object with a "set" and "get" method
// using either localStorage if available, or defaulting to document.cookie
if (window.localStorage) {
// use localStorage:
return {
set: function(id, data) {
localStorage.setItem(key_prefix+id, data);
},
get: function(id) {
return localStorage.getItem(key_prefix+id);
}
};
} else {
// use document.cookie:
return {
set: function(id, data) {
document.cookie = key_prefix+id+'='+encodeURIComponent(data);
},
get: function(id, data) {
var cookies = document.cookie, parsed = {};
cookies.replace(/([^=]+)=([^;]*);?\s*/g, function(whole, key, value) {
parsed[key] = unescape(value);
});
return parsed[key_prefix+id];
}
};
}
}
jQuery(function($) {
// a key must is used for the cookie/storage
var storedData = getStorage('com_mysite_checkboxes_');
$('div.check input:checkbox').bind('change',function(){
$('#'+this.id+'txt').toggle($(this).is(':checked'));
// save the data on change
storedData.set(this.id, $(this).is(':checked')?'checked':'not');
}).each(function() {
// on load, set the value to what we read from storage:
var val = storedData.get(this.id);
if (val == 'checked') $(this).attr('checked', 'checked');
if (val == 'not') $(this).removeAttr('checked');
if (val) $(this).trigger('change');
});
});
<script>