Archief - Probleem met overlay

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
-

-BVR-

Legacy Member
Hallo

Showavond | De Notenbalkers Schaffen

Aangezien het tegenwoordig redelijk populair is om van die vergrootglazen als hover te hebben bij een afbeelding wilde ik dat ook. Ik heb dus mijn template aangepast, css3 toegepast etc.

Probleem is nu dat dit de structuur van een foto is:
HTML: 
<div class="media-gallery-media">
  <div class="gallery-thumb-outer">
    <div class="magnifier"></div>
    <a href="..."><img ... /></a>
  </div>
</div>

Dus bij een hover over gallery-thum-outer (originele opacity = 0.6) verandert diens opacity naar 1 én verander .magnifier naar display block; width en height 100% en een background + background gradient (en een z-index).

Ik was natuurlijk zo stom om dit niet door te hebben, maar nu ligt die magnifier-div dus 'boven' de link en bijgevolg kan je niet op die link klikken ...

Heeft iemand hier een oplossing voor?
D

Dieterg

Legacy Member
PHP: 
<div class="media-gallery-media">
  <div class="gallery-thumb-outer">
    <a href="...">
    <div class="magnifier"></div>
    <img ... /></a>
  </div>
</div>

Normaal moet dit werken.. Heb het getest met firebug.
-

-BVR-

Legacy Member
Ik zit met het probleem dat ik te weinig van PHP en drupal l afweet om dit te kunnen fixen. Dit snippet maakt m'n thumbnail (zoals het nu is; heb het zelf al wat aangepast), maar ik weet niet hoe ik daar in die link een div moet genereren..
PHP: 
  // Add sliding wrappers
  $item = '<div class="gallery-thumb-outer"><div class="magnifier gradient"></div>';
  // Create a link around the image
  $item .= empty($variables['no_link']) ? l($image, $link_path, array('html' => TRUE, 'attributes' => $attributes)) : $image;
  // Add close wrappers
  $item .= '</div>';
  return $item;
}

Bedankt voor de moeite!
D

Dieterg

Legacy Member
Probeer dit eens:

PHP: 
  // Add sliding wrappers
  $item = '<div class="gallery-thumb-outer">';
  // Create a link around the image
  $item .= empty($variables['no_link']) ? l('<div class="magnifier gradient"></div>' . $image, $link_path, array('html' => TRUE, 'attributes' => $attributes)) : $image;
  // Add close wrappers
  $item .= '</div>';
  return $item;

Even uitleggen hoe ik tot bovenstaande geraakt ben (ik ben namelijk ook niet thuis met Drupal). Ik ben gaan opzoeken wat de functie 'l' juist doet. Google stuurde me naar volgende pagina: http://api.drupal.org/api/drupal/includes--common.inc/function/l/7. Daar kun je dus zien wat die parameters verwachten(7 common.inc l($text, $path, array $options = array())). De eerste parameter staat voor waar de link rond moet komen te staan. Dus heb ik <div class="magnifier gradient"></div> voor de $image geplakt.

Volgende lijn:
PHP: 
$item .= empty($variables['no_link']) ? l('<div class="magnifier gradient"></div>' . $image, $link_path, array('html' => TRUE, 'attributes' => $attributes)) : $image;

is trouwens hetzelfde als (wat imo overzichtelijker is)
PHP: 
if(empty($variables['no_link']))
{
    $item .= l('<div class="magnifier gradient"></div>' . $image, $link_path, array('html' => TRUE, 'attributes' => $attributes))
}
else
{
    $item .=$image
}
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan