jhoysser Posted March 12, 2013 Share Posted March 12, 2013 Buenos Dias, Estoy intendando cambiar el estilo backgroundColor de una Archivo .JS a backgroundImage de tal forma que me cargue una imagen de fondo en un jquery y no un color en exacdecimal. el codigo original es este: overlayCSS: { backgroundColor: '#000', opacity: 0.9, cursor: 'wait' }, y lo reemplazo por este: overlayCSS: { backgroundImage: 'url ("../namemodule/img/ejemplo.png")', opacity: 0.9, cursor: 'wait' }, y no me funciona me carga el background en blanco y si coloco una imagen cargada en una Url de esta forma: overlayCSS: { backgroundImage: 'url("http://xxxx/background.jpg")', opacity: 0.9, cursor: 'wait' }, si me funciona. esto es dentro de una archivo .JS, espero y me puedan ayudar gracias. Link to comment Share on other sites More sharing options...
jaloise Posted March 12, 2013 Share Posted March 12, 2013 Buenos Dias, Estoy intendando cambiar el estilo backgroundColor de una Archivo .JS a backgroundImage de tal forma que me cargue una imagen de fondo en un jquery y no un color en exacdecimal. el codigo original es este: overlayCSS: { backgroundColor: '#000', opacity: 0.9, cursor: 'wait' }, y lo reemplazo por este: overlayCSS: { backgroundImage: 'url ("../namemodule/img/ejemplo.png")', opacity: 0.9, cursor: 'wait' }, y no me funciona me carga el background en blanco y si coloco una imagen cargada en una Url de esta forma: overlayCSS: { backgroundImage: 'url("http://xxxx/background.jpg")', opacity: 0.9, cursor: 'wait' }, si me funciona. esto es dentro de una archivo .JS, espero y me puedan ayudar gracias. Pero en qeu carepeta esta la imagen y en que carpeta esta el js? Link to comment Share on other sites More sharing options...
nadie Posted March 12, 2013 Share Posted March 12, 2013 Con esto: ../namemodule/img/ejemplo.png" Lo que haces es subir un "nivel" y buscar en ese nivel superior la ruta /namemodule/img/ejemplo.png. Pero quizas en tu caso necesites subir varios niveles dependiendo donde este el fichero *.js, o quizas ningun nivel... El fichero *.js ¿En que carpeta esta situado? Link to comment Share on other sites More sharing options...
jhoysser Posted March 12, 2013 Author Share Posted March 12, 2013 Gracias por su respuesta. la estructura es la siguiente carpeta raiz contiene modulo |-css |-img(el background esta en esta carpeta uso la ruta url(".../modulo/img/img.png") ) |-js---> aqui esta el JS (el background esta en esta carpeta uso la ruta url("img.png") ) ya realize las pruebas con la iimagen en ambos direcctorios. creo que el problema esta en la forma en que se hace el llamado de la imagen por ejemplo cuando uno llama desde un .tpl alguna imagen en un <img src="{$base_dir}modulo/img/img.png"/> con ese codigo php funciona desde un tpl, pero desde el js se no se como seria. si tiene alguna otra duda me comentas, y espero me puedas ayudar Gracias. Link to comment Share on other sites More sharing options...
nadie Posted March 12, 2013 Share Posted March 12, 2013 Gracias por su respuesta. la estructura es la siguiente carpeta raiz contiene modulo |-css |-img(el background esta en esta carpeta uso la ruta url(".../modulo/img/img.png") ) |-js---> aqui esta el JS (el background esta en esta carpeta uso la ruta url("img.png") ) ya realize las pruebas con la iimagen en ambos direcctorios. creo que el problema esta en la forma en que se hace el llamado de la imagen por ejemplo cuando uno llama desde un .tpl alguna imagen en un <img src="{$base_dir}modulo/img/img.png"/> con ese codigo php funciona desde un tpl, pero desde el js se no se como seria. si tiene alguna otra duda me comentas, y espero me puedas ayudar Gracias. Hola Entoces en el js, te es suficiente con colocarlo asi: ../img/img.png Es decir subes un nivel, y despues te vas a la carpeta img del modulo y cojes el fichero img.png Link to comment Share on other sites More sharing options...
jaloise Posted March 12, 2013 Share Posted March 12, 2013 (edited) Gracias por su respuesta. la estructura es la siguiente carpeta raiz contiene modulo |-css |-img(el background esta en esta carpeta uso la ruta url(".../modulo/img/img.png") ) |-js---> aqui esta el JS (el background esta en esta carpeta uso la ruta url("img.png") ) ya realize las pruebas con la iimagen en ambos direcctorios. creo que el problema esta en la forma en que se hace el llamado de la imagen por ejemplo cuando uno llama desde un .tpl alguna imagen en un <img src="{$base_dir}modulo/img/img.png"/> con ese codigo php funciona desde un tpl, pero desde el js se no se como seria. si tiene alguna otra duda me comentas, y espero me puedas ayudar Gracias. Bueno... Si la IMG esta en la misma carpeta que el JS el llama deberia ser directo... asi: backgroundImage: 'url ("ejemplo.png")', y si esta en la carpeta IMG... es com dice nadie... Hola Entoces en el js, te es suficiente con colocarlo asi: ../img/img.png Es decir subes un nivel, y despues te vas a la carpeta img del modulo y cojes el fichero img.png Edited March 12, 2013 by jaloise (see edit history) Link to comment Share on other sites More sharing options...
nadie Posted March 12, 2013 Share Posted March 12, 2013 Estimado jhoysser, Estamos muy preocupado por usted. ¿Alguna novedad? Link to comment Share on other sites More sharing options...
jaloise Posted March 12, 2013 Share Posted March 12, 2013 Link to comment Share on other sites More sharing options...
nadie Posted March 12, 2013 Share Posted March 12, 2013 Link to comment Share on other sites More sharing options...
jhoysser Posted March 12, 2013 Author Share Posted March 12, 2013 gracias por la atencion, les comento que sigue sin aparecer el background, otra informacion es que el sitio no se encuentra publico estoy trabajando localmente, esto afecta en algo? y por tal razon no puedo acceder a la imagen de esa forma? haci lo tengo ahora // styles for the overlay overlayCSS: { backgroundImage: 'url ("1.jpg")', }, y la imagen 1.jpg se encuentra en la misma carpeta que la JS. gracias Link to comment Share on other sites More sharing options...
nadie Posted March 12, 2013 Share Posted March 12, 2013 ¿Puedes pasar la dirección de tu tienda un segundo, o no? ¿Es publico el fondo, es decir se deberia de ver en el el front-end? Link to comment Share on other sites More sharing options...
jhoysser Posted March 12, 2013 Author Share Posted March 12, 2013 Nadie, si el background deberia verce en el sitio en el index el modulo que utilizo es el dialogkutesan e podido modificarlo en gran parte pero no e dado con esta. Link to comment Share on other sites More sharing options...
jaloise Posted March 12, 2013 Share Posted March 12, 2013 Estas trabando en local? o podes pasarnos tu URL?? Link to comment Share on other sites More sharing options...
jhoysser Posted March 12, 2013 Author Share Posted March 12, 2013 Estas trabando en local? o podes pasarnos tu URL?? si estoy trabajando en local, no puedo pasarles el URL Link to comment Share on other sites More sharing options...
jaloise Posted March 12, 2013 Share Posted March 12, 2013 si estoy trabajando en local, no puedo pasarles el URL backgroundImage: "url ('1.jpg')", esto no anduvo!?Estamos seguros que la iamgen y el js estan en la misma carpeta y que la iamgen es 1.jpg? Link to comment Share on other sites More sharing options...
jhoysser Posted March 12, 2013 Author Share Posted March 12, 2013 mira te agrego una imagen Link to comment Share on other sites More sharing options...
jaloise Posted March 12, 2013 Share Posted March 12, 2013 mira te agrego una imagen La imagen me esta engañando o hay un espacio entre URL y ('1.jpg') ?? Link to comment Share on other sites More sharing options...
jhoysser Posted March 12, 2013 Author Share Posted March 12, 2013 La imagen me esta engañando o hay un espacio entre URL y ('1.jpg') ?? si hay un espacio, ya se lo quite pero igual sigue sin funcionar Link to comment Share on other sites More sharing options...
jaloise Posted March 12, 2013 Share Posted March 12, 2013 Igualmente fijate que no sea el cache o el historial el que te este engañando!! jajaj Link to comment Share on other sites More sharing options...
jhoysser Posted March 12, 2013 Author Share Posted March 12, 2013 Igualmente fijate que no sea el cache o el historial el que te este engañando!! jajaj no es el cache actualizo constantemente con CTRL+F5, como te comente en el segundo post creo que el problema es el llamado del archivo, por que si el sitio estubiera publico si funcionaria de la forma en que ustedes me plantean, pero eso consume rendimiento, por eso hay una forma de acceder a los archivos de la misma forma como se hace en estos casos a continuacion: <script src="{$base_dir}modules/dialogkutesan/js/dialogkutesan.js" type="text/javascript"></script> a qui usan {$base_dir} aqui desde un archivo .tpl <img src="'.__PS_BASE_URI__.'modules/padrino/1.png" width ="20" height ="20" /> a qui usan el ._PS_BASE_URI_. para llamar una imagen desde un archivo .php diria que desde un js seria de otra forma y es lo que necesito gracias Link to comment Share on other sites More sharing options...
jhoysser Posted March 12, 2013 Author Share Posted March 12, 2013 nada?? nadien con algo de informacion??? Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts