Solo lectura
| <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="../js/jssor.js"></script> <script type="text/javascript" src="../js/jssor.slider.js"></script> el jquery-1.9.1.min.js no lo hemos cargado ya que tenemos otro jQuery cargado (leer la nota en el encabezado..) ... <!-- it works the same with all jquery version from 1.x to 2.x --> finalmente tuvimos que reemplazar el responsible code... por este //responsive code begin //you can remove responsive code if you don't want the slider scales while window resizes function ScaleSlider() { var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth; if (parentWidth) jssor_slider1.$SetScaleWidth(parentWidth); //parentWidth else window.setTimeout(ScaleSlider, 30); } //Scale slider immediately ScaleSlider(); if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) { $(window).bind('resize', ScaleSlider); } //responsive code end -------- *** ------- Regalo: MULTILENGUAL JSSOR BANNER - Baner multi idiomas JSSOR Si tienes pagina en varios idiomas y quiere un banner distinto en cada idioma os paso el codigo... en la tercera linea de ese código se añade el numero de imágenes del banner (cambiar el 14 por el numero de imágenes que quieres que salga en el banner donde < 14; $start++) "si tienes 3 imágenes escriba 3 en vez de "14" sustituya TODO lo que haya entre:<!-- Slides Container --> y <!--EOF Auto img multilengual define file--> POR <!-- Slides Container --> <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;"> <!--BOF Auto img multilengual define file--> <?php $str1 = 'URL_IMG_000'; $str2 = 'PRI_IMG_000'; $str3 = 'OVE_IMG_000'; $str4 = 'OUT_IMG_000'; $str5 = 'ALT_IMG_000'; $str6 = 'STA_IMG_000';?> <?php $counter = 0; $start = 1; for($start; $start < 14; $start++) { $counter = $counter + 1; if (constant(++$str6) == '0') { ?> <div><a u=image href="<?php echo constant(++$str1); ?>"><img u="image" src="<?php echo DIR_WS_IMAGES; ?> <?php echo constant(++$str2); ?>" onmouseover="this.src='<?php echo DIR_WS_IMAGES; ?> <?php echo constant(++$str3); ?>'" onmouseout="this.src='<?php echo DIR_WS_IMAGES; ?> <?php echo constant(++$str4); ?>'" alt="<?php echo constant(++$str5); ?>"/></a></div> <?php }?><?php }?> </div> <!--EOF Auto img multilengual define file--> <!--#region Bullet Navigator Skin Begin --> <!--BOF Auto img multilengual define file--> <?php $str1 = 'URL_IMG_000'; $str2 = 'PRI_IMG_000'; $str3 = 'OVE_IMG_000'; $str4 = 'OUT_IMG_000'; $str5 = 'ALT_IMG_000'; $str6 = 'STA_IMG_000';?> <?php $counter = 0; $start = 1; for($start; $start < 14; $start++) { $counter = $counter + 1; if (constant(++$str6) == '0') { ?> <div><a u=image href="<?php echo constant(++$str1); ?>"><img u="image" src="<?php echo DIR_WS_IMAGES; ?> <?php echo constant(++$str2); ?>" onmouseover="this.src='<?php echo DIR_WS_IMAGES; ?> <?php echo constant(++$str3); ?>'" onmouseout="this.src='<?php echo DIR_WS_IMAGES; ?> <?php echo constant(++$str4); ?>'" alt="<?php echo constant(++$str5); ?>"/></a></div> <?php }?><?php }?> </div> <!--EOF Auto img multilengual define file--> En el archivo define de idiomas usa: define('STA_IMG_001','0'); // 0 Off 1 On define('URL_IMG_001','URL destino para el click'); // IMG_001 define('PRI_IMG_001','URL de la IMG del BANNER'); // Foto principal define('OVE_IMG_001','URL ima secundaria al pasar el raton'); // Foto onmouse over define('OUT_IMG_001','URL img cuando quite el raton puede ser la primera o una tercera IMG'); // Foto onmouse Out define("ALT_IMG_001",'ALT texto para el tema de indexación'); // IMG ALT define('STA_IMG_002','0'); // 0 Off 1 On define('URL_IMG_002','index.php?main_page=advanced_search_result&search_in_description=1&keyword=invierno&x=0&y=0'); // IMG_002 define('PRI_IMG_002','banner/textil_otono_invierno_2015.jpg'); // Foto principal define('OVE_IMG_002','banner/textil_otono_invierno_2015.jpg'); // Foto onmouse over define('OUT_IMG_002','banner/textil_otono_invierno_2015.jpg'); // Foto onmouse Out define("ALT_IMG_002",'Textil al por mayor coleccion otoño invierno 2015-2016'); // IMG ALT ... crea cuantas bloques como haga falta si tienes 5 imagenes en el banner pues 5 bloques. cambiando unicamente el 001... 002... 003 |