Variables en url

[cperezdigital]

Muy buenas tardes a todos en la comunidad me encuentro con la siguiente incognita quisiera colocar una variable dentro del link de una url aqui un ejemplo de lo que pretendo hacer:

Tengo actualmente este codigo.

Código Javascript:

$('header')
            .addClass('header_black')
.css('background-image', 'url(http://localhost/iunics/application/views/images/img/patterns/nav.png)');
 

y quisiera tener algo como esto.

Código Javascript:

$('header')
            .addClass('header_black')
            .css('background-image', 'url(Variable con el nombre del dominio/application/views/images/img/patterns/nav.png)');
 

Quisiera que por favor me ayudasen con este inconveniente ya que lo que pretendo es que esa variable me lea el nombre del servidor para que cuando lo suva al mismo no tenga la necesidad de cambiar la url manualmente

[maycolalvarez]

concatena:

'url(' + variable + '/application ...

[cperezdigital]

Buenas hermano lo que pretendo hacer creo que no funciona con lo que me escribiste el inconveniente es que no consigo como hacer para que esa url de la imagen se modifique automaticamente a la hora de cambiar de servidor.

Si pudieras ayudarme con eso te lo agradeceria este el código

Código Javascript:

$(document).ready(function () {
    
    
        /* Header pattern */
        
        $('header')
            .addClass('header_black')
            .css('background-image', 'url(http://localhost/iunics/application/views/images/img/patterns/nav.png)');
            
        /* Showcase pattern */
        $('#showcase')
            .css('background-image', 'url(http://localhost/iunics/application/views/images/img/patterns/slide.png)');
 
});
 

que tengo

[maycolalvarez]

use una url relativa

[cperezdigital]

Buenas las rutas relativas no seria la solución ya que al colocarlas así no se me muestra la imagen en pantalla por lo que necesitaría alguna forma de que el nombre del dominio cambie de http://localhost/iunics por el nombre del doninio en el que se encuentre alojado el sitio.


Al colocar las rutas así no se me muestra nada en pantalla

Código Javascript:

$(document).ready(function () {
    
    
        /* Header pattern */
        
        $('header')
            .addClass('header_black')
            .css('background-image', 'url(/images/img/patterns/nav.png)');
            
        /* Showcase pattern */
        $('#showcase')
            .css('background-image', 'url(/images/img/patterns/slide.png)');
 
});
 

[maycolalvarez]

me refería a que es mejor que agregue el atributo directamente en la clase CSS, para que la misma url sea relativa al css

le recuerdo que puede agregar 1 o más clases a un elemento

[cperezdigital]

ya intente hacer eso y no tengo idea porque no se me muestra la imagen ya que eso es un efecto que se crea al combinar tres imagenes en el banner

[maycolalvarez]

3 imágenes?, le recuerdo que con CSS sólo puede tener 1, a no ser que sea implementado en css3 (lo desconozco) y de ser el caso requiere navegador compatible, o dicho efecto se puede lograr con capas anidadas