|
|||
Adaptive images
Hallo zusammen,
ich bekomme trotz einfacher Anleitung die Sache mit den Adaptive Images nicht zum Laufen. Habe mal eine Testseite aufgesetzt: Testseite adaptive images / unter "About" und der rechten Spalte sollte eigentlich ein Bild sein. Nur wenn ich die htaccess auskommentiere werden diese auch gezeigt.
Alles brachte nicht den gewünschten Erfolg ... ich weiß echt nicht weiter. PHP Version ist 5.3. phpinfo() HTML-Code:
<IfModule mod_rewrite.c> Options +FollowSymlinks RewriteEngine On RewriteCond %{REQUEST_URI} img # don't apply the AI behaviour to images inside AI's cache folder: RewriteCond %{REQUEST_URI} !ai-cache RewriteRule \.(?:jpe?g|gif|png)$ adaptive-images.php # wenn ich diese Zeile auskommentiert sehe ich die Bilder, damit muss es zu tun haben </IfModule> Geändert von dr_colossos (02.11.2012 um 15:50 Uhr) |
Sponsored Links |
|
||||
Meldung, das das Bild auswirf:
Zitat:
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Das Bild ist auf dem Server unter diesem Pfad erreichbar.
Ich kommentiere die HTACCESS-Zeilen aus und ich sehe meine Bilder. Daran kann es nicht liegen ... Es muss an der htaccess liegen .. ich habe es aber wie auf "adaptive images" gezeigt gemacht. Kein Plan? |
|
|||
Hallo,
danke das zeigt mir zumindest die Bilder. Das RewriteBase war es. Nur dachte ich es werden jetzt bei jeder Auflösung Bilder ins Verzeichnis "ai-cache" geschrieben. Wird es aber nicht. Wenn ich den Browser kleiner ziehe und mir die Grafikinfo anzeigen lasse steht da:1200px × 900px (Skaliert zu 730px × 548px), dachte das Bild wird dann kleiner gerechnet und ausgegeben aus dem Ordner "ai-cache/980/xy.jpg" Oder? http://nbvfx.net/_test/about.html Geändert von dr_colossos (02.11.2012 um 20:50 Uhr) |
|
|||
Neuer Testlink .. testseite ich meine das jetzt alles funktioniert, im Ordner "ai-cache" ist ein Ordner angelegt "1200/_ai/img/bild1.jpg" etc.
Leider ist aber nur ein Ordner "1200" für die Auflösung zu sehen. Dachte da gibt es jetzt vier Ordner laut meiner PHP-Datei PHP-Code:
HTML-Code:
@media (min-width: 1200px) { ... @media (min-width: 980px) { ... @media (min-width: 768px) and (max-width: 979px) { @media (max-width: 480px) { ... htaccess HTML-Code:
<IfModule mod_rewrite.c> Options +FollowSymlinks RewriteEngine On RewriteBase /_ai/ # Adaptive-Images ----------------------------------------------------------------------------------- # Add any directories you wish to omit from the Adaptive-Images process on a new line, as follows: # RewriteCond %{REQUEST_URI} !ignore-this-directory # RewriteCond %{REQUEST_URI} !and-ignore-this-directory-too RewriteCond %{REQUEST_URI} img # don't apply the AI behaviour to images inside AI's cache folder: RewriteCond %{REQUEST_URI} !ai-cache # Send any GIF, JPG, or PNG request that IS NOT stored inside one of the above directories # to adaptive-images.php so we can select appropriately sized versions RewriteRule \.(?:jpe?g|gif|png)$ adaptive-images.php # test if your .htaccess-file is correct - every image will be overwritten with test.jpg # RewriteRule .(?:jpe?g|gif|png)$ test.jpg # END Adaptive-Images ------------------------------------------------------------------------------- </IfModule> Geändert von dr_colossos (05.11.2012 um 11:57 Uhr) |
|
|||
Genau das war es! habe gerade nebenbei nach der Lösung geschaut und folgendes gefunden: https://github.com/MattWilcox/Adaptive-Images/issues/52
So wie ich die "adaptive-images" eingebaut habe stimmt alles. Meine Rechner habt eben mehr als 1200px, daher werden auch nur die großen Bilder generiert. Bei einer kleineren Auflösung wird auch der Ordner "480" usw erstellt. So kann man es testen, statt dem JS-Code folgendes eintragen: HTML-Code:
<script>document.cookie='resolution='+480+'; path=/';</script> Danke auch an "inta" ... du hattest dir richtige Vermutung. Gruß |
|
||||
Zitat:
HTML-Code:
<script> document.cookie='resolution='+Math.max(window.innerWidth, window.innerHeight)+'; path=/'; </script> Bitte, gerne |
Sponsored Links |
Stichwörter |
adaptive, design, images, responsive |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Images als Hyperlink, aber ohne blau Linkmarkierung?? | lilly246 | CSS | 2 | 04.04.2009 22:55 |
Images in der Zeile ausrichten? | akb | CSS | 2 | 26.08.2006 19:12 |
images nebeneinander floaten lassen und hspace | nexus6 | CSS | 6 | 07.04.2004 14:26 |
images nahtlos mit css-boxen auflisten | capitano | CSS | 2 | 23.02.2004 00:37 |