Archief - .htaccess - vraag (responsive images)

S

Scissor

Legacy Member

• 15 jul 2012

• #1

Ik gebruik Adaptive images 1.5.2 om mijn images automatisch te rescalen naargelang welke resolutie er gebruikt wordt door de user.

Probleem is, ik moet een stukje aan mijn .htaccess toevoegen volgens de instructies, nl

Code:

<IfModule mod_rewrite.c>
  Options +FollowSymlinks
  RewriteEngine On

  # Adaptive-Images -----------------------------------------------------------------------------------

  # Add any directories you wish to omit from the Adaptive-Images process on a new line, as follows:
  # RewriteCond %{REQUEST_URI} !some-directory
  # RewriteCond %{REQUEST_URI} !another-directory

  RewriteCond %{REQUEST_URI} !assets

  # 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

  # END Adaptive-Images -------------------------------------------------------------------------------
</IfModule>

maar als'k dit toevoeg krijg'k altijd een error 500 Iemand enig idee waaraan dit zou kunnen liggen?

W

W0utR

Legacy Member

• 15 jul 2012

• #2

Ik had onlangs ergens gehoord dat Options +FollowSymlinks problemen kan geven bij bepaalde servers, normaal staat dat standaard al aan, probeer het eens weg te halen.

S

Scissor

Legacy Member

• 15 jul 2012

• #3

Geeft inderdaad geen error nu, maar krijg toch het responsive niet aan de praat

Y

YaMo

Legacy Member

• 15 jul 2012

• #4

Is de mod_rewrite module ingeschakeld?

Het kan ook aan iets met permissies ofzo liggen.
Misschien moet je ergens in de configuratie van je server de regel "AllowOverride All" bijzetten. (of "AllowOverride blabla" veranderen in "AllowOverride All").

W

W0utR

Legacy Member

• 15 jul 2012

• #5

Staan de rechten op alle mappen juist?
Zover ik die probeerd die php file ook mappen enzo te maken.

S

Scissor

Legacy Member

• 15 jul 2012

• #6

Hmm, beetje noob hier, waar vind'k dat om aan te passen? Zit bij one.com qua hosting

Y

YaMo

Legacy Member

• 15 jul 2012

• #7

Scissor zei:

Hmm, beetje noob hier, waar vind'k dat om aan te passen? Zit bij one.com qua hosting

Klik om te vergroten...

Watvoor tools heb je daar om aanpassingen aan je server te maken? Alleen een of ander panel ofzoiets? Want daar ken ik niks van

S

Scissor

Legacy Member

• 15 jul 2012

• #8

Ben ook aan het zoeken maar vind het (voorlopig nog) niet

edit: Supportchat van one.com geeft me :

AllowOverride All (Server Setup is not supported, I am sorry to tell you that
you will not be able to use that

Y

YaMo

Legacy Member

• 15 jul 2012

• #9

Het is ook niet zeker dat dat het probleem zou oplossen.
Misschien kan je best eens naar de permissies van alle folders zien, zoals W0utR zegt. Normaal kan je ook via FileZilla (of iets anders wat je gebruikt om bestanden te uploaden) schrijfrechten toekennen aan folders.

S

Scissor

Legacy Member

• 15 jul 2012

• #10

Ik upload alles gewoon via de interface van one.com, geen extern uploadprogramma, dus het zou me verbazen dat er restricties zijn aan bepaalde mappen.

W

W0utR

Legacy Member

• 16 jul 2012

• #11

Dus jij upload voor elke image dat je gebruikt ook alle nodige afmetingen?

Kijk de rechten toch maar even na, zo zie ik dat je een map 'ai-chache' moet hebben met de juiste rechten, heb je deze?

S

Scissor

Legacy Member

• 17 jul 2012

• #12

Ik heb een gallery die jammer genoeg niet responsive is. Die gallery heeft een standaard size. Dmv dat scriptje wil ik er nu voor zorgen dat mijn gallery responsive wordt. Heb al eens gekeken naar andere responsives gallery's maar daar vond'k toch nooit echt wat'k exact nodig had.

Die map ai-cache is niet nodig.
'NOTE 2: you do not need the ai-cookie.php file unless you are using the alternate method of detecting the users screen size. So delete it if you like, no one likes mess."

W

W0utR

Legacy Member

• 17 jul 2012

• #13

Lees wel even wat ze zeggen, die ai-cookie.php word gebruikt voor het detecteren van een users screensize, dat heeft niks te maken met de map die gebruikt word om images in op te slagen.

Code:

if (!is_dir("$document_root/$cache_path")) { // no
  if (!mkdir("$document_root/$cache_path", 0755, true)) { // so make it
    if (!is_dir("$document_root/$cache_path")) { // check again to protect against race conditions
      // uh-oh, failed to make that directory
      sendErrorImage("Failed to create cache directory at: $document_root/$cache_path");
    }
  }
}

Die map word zoiezo aangemaakt, maar allez, moest hij niet schrijfbaar zijn krijg je een foutmelding.

Waarom gebruik je trouwens juist dat script? Heb je dit echt specifiek nodig of probeer je maar wat?
Er zijn namelijk gemakkelijkere manier om iets responsive te maken.

Wat zijn de sizes van je image die je terugkrijgt? Misschien heb je via CSS een fixed waarde gegeven.
Heb je al gekeken in je php logs of er eventueel een error gegenereerd word?

Ga eens rechtstreeks naar adaptive-images.php en hardcode even het path naar je image en kijk wat er dan gebeurd.

Anyway, het zijn maar wat tips om te debuggen, je ziet maar of je luistert of niet.

S

Scissor

Legacy Member

• 18 jul 2012

• #14

De reden waarom ik het op deze manier doe
- jQuery gallery
- php images laten responsive werken

is vooral omdat'k geen enkele jQuery responsive gallery vind die werkt zoals ik wil. Ik wil
- geen sliders maar fade ins van de foto's
- bijzonder beperkte navigatie die enkel zichtbaar wordt bij een hover, liefst met on-click navigatie (op de foto) en eventueel ook met keyboard-navigatie
- geen foto strip

Voorlopig nog niets gevonden dat aan deze eisen voldoet, buiten die galleryview die alles heeft (buiten dan responsive zijn). Als er andere/betere manieren zijn om het zelfde resultaat te bekomen, tips altijd welkom.

W

W0utR

Legacy Member

• 19 jul 2012

• #15

Zijn je foto's echt zo groot dat je persé php wilt gebruiken om dit te doen? Er zijn namelijk andere manieren om zoiets te doen.

Misschien ben je gewoon veel te specifiek aan het zoeken, zoek een gallery dat je wilt en pas hem zelf aan.

Heb je mijn vorige opmerkingen bekeken en geprobeerd?

S

Scissor

Legacy Member

• 19 jul 2012

• #16

Heb inderdaad de twee zaken die je hierboven vermelde geprobeerd maar krijg geen foutmelding en als'k path er in hardcore werkt het ook niet.

De voornamelijkste reden dat'k een responsive gallery wil is niet omdat mijn images zo groot zijn maar ben bezig aan een fotografen-website. Voor het design is het gewoon veel makkelijekr dat je de foto's een bepaald % van je scherm innemen en volledig zichtbaar zijn. Nu zet ik inderdaad een vaste width en height in via mijn jQuery gallery en past hij automatisch alle foto's aan zodat die worden weergegeven binnen dat frame. Het is echter niet mogelijk om procentueel te werken met die jQuery gallery, waardoor het design op dit ogenblik op lage resoluties maar de helft van bepaalde foto's weergeeft.

d

dJeez

Legacy Member

• 19 jul 2012

• #17

Wij gebruiken Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page op de bedrijfssite, die zet de afbeeldingen responsive op de achtergrond. Dat script valt in principe aan te passen zodat het op een container mapt ipv op de volledige achtergrond. Maar voor een fotografiewebsite is heel de achtergrond innemen misschien ook wel een optie hé, zeker aangezien je de foto's kan laten cyclen net zoals in een gewone image gallery.

En als dat niet je ding is, gebruik dan FlexSlider. Gebaseerd op wat je hierboven vertelt heeft die wellicht alle features die je wil.

S

Scissor

Legacy Member

• 20 jul 2012

• #18

Super, die bekijk'k zeker eens. (na m'n verhuis ^^)

S

Scissor

Legacy Member

• 7 aug 2012

• #19

Flexslider werkt inderdaad like a charm. Enigste probleem is dat'k nergens een fixed height kan inzetten zodat alle images automatisch gescaled worden naar de size van de div waarin het zich bevindt. Iemand enig idee?