Integrare parallax nel tema

4 contenuti / 0 new
Ultimo contenuto
Integrare parallax nel tema

Salve,
sto cercando di integrare nel page.php l'effetto scrolling parallax ma il javscript non parte.

ho inserito il file js nel file miotema.info con:
scripts[] = js/parallax.js
e inserito il codice nel page.tpl.php
<div id="footer-top" class="parallax-window" data-parallax="scroll" data-image-src="<?php print base_path() . drupal_get_path('theme', 'miotema') ;?>/images/slide01.jpg"></div>

ma non succede assolutamente nulla
dove sbaglio?
devo richiare la funzione in qualche modo?

Grazie infinite

Drupal Version:

Ti manca l'inizializzazione in js. Guarda questa pagina che spiega tutto http://pixelcog.github.io/parallax.js/
Devi creare un file js tipo script.js con inizializzazione.

Ciao, grazie per la risposta. Avevi ragione non avevo inizializzato il js.

Ora mi piacerebbe integrare la possibilità di cambiare lo sfondo direttamente dalle impostazioni del tema.
Premetto che non sono una cima in programmazione.

nel theme-settings.php ho inserito il seguente codice:

function miotema_form_system_theme_settings_alter(&$form, $form_state) {
$form['miotema_settings']['parallax_regions']['parallax_region_extras'] = array(
'#title' => t( 'parallax region Extras' ),
'#type' => 'fieldset',
);
$form['miotema_settings']['parallax_regions']['parallax_region_extras']['background_file'] = array(
    '#type'     => 'managed_file',
    '#title'    => t('Background'),
    '#required' => FALSE,
    '#upload_location' => file_default_scheme() . '://backgrounds/',
    ),
  );
$form['miotema_settings']['parallax_regions']['parallax_region_extras']['parallax_speed'] = array(
    '#type' => 'textfield',
    '#element_validate' => array('element_validate_number'),
    '#title' => t('Background scroll speed'),
  );

E fin qui tutto ok, le impostazioni nel tema funzionano correttamente.
Ora dovrei integrare il codice nel page.tpl.php in modo da prendere i dati dalle impostazioni del tema così:
<div id="footer-top" class="parallax-window" speed="CAMPO SPEED NEL TEMA" data-parallax="scroll" data-image-src="URL IMMAGINE CARICATA NEL TEMA">

Cosa dovrei fare?

scusa manca un pezzetto di codice

$form['miotema_settings']['parallax_regions']['parallax_region_extras'] = array(
'#title' => t( 'parallax region Extras' ),
'#type' => 'fieldset',
);
$form['miotema_settings']['parallax_regions']['parallax_region_extras']['background_file'] = array(
    '#type'     => 'managed_file',
    '#title'    => t('Background'),
    '#required' => FALSE,
    '#upload_location' => file_default_scheme() . '://backgrounds/',
    '#default_value' => theme_get_setting('background_file'),
    '#upload_validators' => array(
      'file_validate_extensions' => array('png jpg jpeg'),
    ),
  );
$form['miotema_settings']['parallax_regions']['parallax_region_extras']['parallax_speed'] = array(
    '#type' => 'textfield',
    '#element_validate' => array('element_validate_number'),
    '#title' => t('Background scroll speed'),
    '#default_value' => (!empty($data['parallax_speed'])) ? $data['parallax_speed'] : 0.5,
  );