1. Tudásbázis
  2. Sminkek
  3. smink: js slideshow fix height

smink: js slideshow fix height

Beküldte makgab - 2013. március 27. 20.43
makgab képe

Üdv!

A corporateclean sminkben tudna segíteni valaki?
A slideshow-ban váltogató 4 kép esetén változik az id="slideshow" div magassága, ami zavaró. Ha jól láttam, akkor a js/jquery.cycle.all.js-ben kellene ezt fixre álllítanom. Meg tudná nézni valaki, aki JS-ben jártasabb mint én, hogy hol kellene módosítani?
Ezeket a részeket nézegettem:

$slides.height

(Alsminkben dolgozom természetesen.)

Drupal verzió: 
7.x
Fórum: 
Sminkek
Nagy Gusztáv képe

Beküldte Nagy Gusztáv - 2013. március 27. 22.42

Mitől változik? A képek egyforma magasak?

0
0

Nagy Gusztáv

csakiistvan képe

Beküldte csakiistvan - 2013. március 28. 07.14

theme demo: http://demo.drupalizing.com/?theme=corporateclean

2
0

Drupal full-stack developer at Wunderman Thompson Budapest

Nagy Gusztáv képe

Beküldte Nagy Gusztáv - 2013. március 28. 08.30

De még se teljesen. Ennél a sminknél az alap beállításokkal bemutatják a lehetőségeket. Van kép nélkül, bal és jobb oldali képpel, valamint nagy képpel. Szerintem ez alapján érdemes eldönteni, hogy melyik is kell több példányban, és akkor már nem is biztos, hogy gond lesz ezzel. Persze attól a CSS megoldásod hasznos, csak nem is biztos, hogy szükség lesz rá. Szerintem.

1
0

Nagy Gusztáv

csakiistvan képe

Beküldte csakiistvan - 2013. március 28. 08.51

Igen jogos, kontent fuggo:)

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

csakiistvan képe

Beküldte csakiistvan - 2013. március 28. 07.13

Nehogy beleirj a cycle.js-be mert 1, nem szabad, 2, nem is kel.

Siman megoldod css-bol a dolgot:

  1. #banner {
  2.   height:400px;
  3.   position:relative
  4. }
  5. #slider-controls-wrapper {
  6.   display: block; 
  7.   position: absolute;
  8.   bottom: 0;
  9. }

aztan csak a controlt kell kozepre tenni es kesz is vagy

2
0

Drupal full-stack developer at Wunderman Thompson Budapest

makgab képe

Beküldte makgab - 2013. március 28. 09.03

Erre gondoltam, köszönöm.

0
0
makgab képe

Beküldte makgab - 2013. március 28. 19.48

Egy gond van mégis csak. A banner csak a főoldalon jelenik meg. Ez rendben is van. Bármilyen tartalom megjelenítése esetén a banner gyakorlatilag eltűnik, de a 400px-es üres sáv ott marad.
Gondolom a fixen css-ben beállított "400px" érték miatt marad ott a div üresen.

A page.tpl.php fájlban kellene valahogy megadni, hogy csak a főoldal esetén legyen banner/slideshow div?

<!-- #banner -->
<div id="banner">
 
    <?php print render($page['banner']); ?>
 
    <?php if (theme_get_setting('slideshow_display','corporateclean')): ?>
 
    <?php if ($is_front): ?>
 
    <!-- #slideshow -->
    <div id="slideshow">
 
        <!--slider-item-->
 ...
0
0
makgab képe

Beküldte makgab - 2013. március 28. 20.01

Így jónak tűnik:

  1. <?php if ($is_front): ?>
  2. <!-- #banner -->
  3. <div id="banner">
  4.  
  5.     <?php print render($page['banner']); ?>
  6.  
  7.     <?php if (theme_get_setting('slideshow_display','corporateclean')): ?>
  8.  
  9.  
  10.     <!-- #slideshow -->
  11.     <div id="slideshow">
  12.  
  13.         <!--slider-item-->
  14.  ...
0
0
csakiistvan képe

Beküldte csakiistvan - 2013. március 29. 09.47

Meg mindig nem kell phpban kortorni ha a body rendelkezik megfelelo classokkal. pl: body.front

Igy nincs mas dolgod mint a #banner ele kitenni a fenti classodat, es maris csak a fooldalon hatna rá. Persze ha nincs class marad amit csinaltal, vagy kulon page--front.tpl.php.

2
0

Drupal full-stack developer at Wunderman Thompson Budapest