Views carousel szépítése

Kategória: 
Snippet

A views_carousel segítségével létrehozott mutatványoknak van egy bosszantó tulajdonságuk, elég randák addig, amíg az oldalhoz tartozó összes css és js be nem töltődik. Az gyorstárazások bekapcsolásával kicsit javulni fog, de így lesz tökéletes:

Először page.tpl.php-ban hardcode-oljuk a carousel konténer elrejtését:

<style type="text/css">
.jcarousel-skin-skin_neve {
  visibility:hidden;
}
  </style>

Egy kis javascript; mutassuk meg, ha az oldal betöltődött:

$(document).ready(function(){
	$('div.jcarousel-skin-skin_neve').css ({visibility : 'visible'});
}

Működő példa pedig itt: http://www.presztizs.com/galeria/allatkert-a-jaszsag-sziveben

Szántó Gábor, 2010, június 26 - 11:41

Hozzászólások

Hozzászólás

A mező tartalma nem nyilvános.
  • Internal paths in double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or relative path.
  • Engedélyezett HTML elemek: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <del> <img>
  • A webcímek és email címek automatikusan linkekké alakulnak.
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
  • Engedélyezett HTML elemek: <a> <blockquote> <br> <cite> <code> <dd> <del> <div> <dl> <dt> <em> <li> <ol> <p> <span> <strong> <ul>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <bash>, <c>, <cpp>, <drupal5>, <drupal6>, <java>, <javascript>, <mysql>, <php>, <python>, <ruby>, <sql>. The supported tag styles are: <foo>, [foo].
  • Minden email cím át lesz alakítva ember által olvasható módon, vagy (ha a JavaScript engedélyezett) ki lesz cserélve kattintható, de biztonságos hivatkozásra.
By submitting this form, you accept the Mollom privacy policy.