Dos clases .css en una variable javascript

[helenp]

Hola,
No sé si es posible lo que intento hacer.
Tengo el slider fotorama.
He conseguido meter abajo de las miniaturas un espacio. Alli quiero poner botones o una barra de control.
Pero quiero mantener los iconos de anterior, proximo y pantalla completa que viene por defecto.
Lo que quiero hacer es duplicarlo.
Ha duplicado el css con otro nombre, he añadido en el javascript la clase con el otro nombre, no lo habré hecho bien, porque no funciona.
Pero estoy pensando, quizás la solución es mucho más sencilla.

¿Se puede añadir dos clases .css a esto para que se vea dos iconos y con el css colocarlos en diferentes sitios?

Tengo esto:

Código Javascript:

fullscreenClass = _fotoramaClass + '--fullscreen',
    fullscreenIconClass = _fotoramaClass + '__fullscreen-icon',
 

Y quiero hacer eso para tener dos iconos:

Código Javascript:

fullscreenClass = _fotoramaClass + '--fullscreen',
    fullscreenIconClass = _fotoramaClass + '__fullscreen-icon $$ __fullscreen-icon2',
 

Gracias de antemano

[diurno10]

Código Javascript:

fullscreenClass = _fotoramaClass + '--fullscreen',
    fullscreenIconClass = _fotoramaClass + '__fullscreen-icon $$ __fullscreen-icon2',
//$$ para que pones esto??
 

[helenp]

Iniciado por diurno10

Código Javascript:

fullscreenClass = _fotoramaClass + '--fullscreen',
    fullscreenIconClass = _fotoramaClass + '__fullscreen-icon $$ __fullscreen-icon2',
//$$ para que pones esto??
 

Pues para decir lo que quiero hacer,
quiero que haya dos clases css que haga lo mismo, solo que cada uno tenga su estilo, es decir colocarlos en diferentes sitios.
Gracias

[NueveReinas]

¿Has probado con esto?

Código Javascript:

fullscreenClass = _fotoramaClass + '--fullscreen',
    fullscreenIconClass = _fotoramaClass + '__fullscreen-icon ' + ' __fullscreen-icon2',
 

[helenp]

Iniciado por NueveReinas

¿Has probado con esto?

Código Javascript:

fullscreenClass = _fotoramaClass + '--fullscreen',
    fullscreenIconClass = _fotoramaClass + '__fullscreen-icon ' + ' __fullscreen-icon2',
 

Gracias,
Lo he probado, he añadido la clase __fullscreen-icon2 en el css, lo he ubicado en otro sitio distinto a __fullscreen-icon, pero nada, solo me sale 1 icono, el __fullscreen-icon.

Para asegurar que el javascript arriba es correcto, lo he deshecho todo, y he renombrado en el css __fullscreen-icon a __fullscreen-icon2 y ahora no sale ningún icono.

[NueveReinas]

¿Y no has probado con addClass()?

http://api.jquery.com/addclass/

[helenp]

Iniciado por NueveReinas

¿Y no has probado con addClass()?

http://api.jquery.com/addclass/

Gracias,
Puf, no sé como.
He dejado el css como está con su clase .fotorama__fullscreen-icon

y en el js. he renombrado __fullscreen-icon a __fullscreen-iconant para que no funcione y asi intentar añadir otra clase y hacerlo funcionar.

Aqui lo he renombrado:

Código Javascript:

fullscreenClass = _fotoramaClass + '--fullscreen',
    fullscreenIconClass = _fotoramaClass + '__fullscreen-iconant',
 

y aqui he intentado añadir la clase malamente claro porque no funciona:

Código Javascript:

$( "fullscreenIconClass" ).addClass( "_fotoramaClass + '__fullscreen-icon'" );
 

Aqui pongo todo relativo a __fullscreen-icon y fullscreenIcon.
Tan solo quiero duplicarlo pero usar dos clases:

Código Javascript:

fullscreenClass = _fotoramaClass + '--fullscreen',
    fullscreenIconClass = _fotoramaClass + '__fullscreen-icon',
etc.
      $fullscreenIcon = $(div(fullscreenIconClass + buttonAttributes)),
      fullscreenIcon = $fullscreenIcon[0],
      $videoPlay = $(div(videoPlayClass)),
      $videoClose = $(div(videoCloseClass)).appendTo($stage),
      videoClose = $videoClose[0],
etc.
    if (o_allowFullScreen) {
      $fullscreenIcon.prependTo($stage);
      o_nativeFullScreen = FULLSCREEN && o_allowFullScreen === 'native';
    } else {
      $fullscreenIcon.detach();
      o_nativeFullScreen = false;
    }
etc.
          $fullscreenIcon.blur();
etc.
    } else if (target === fullscreenIcon) {
      that.toggleFullScreen();
etc.
  addEnterUp(fullscreenIcon, that.toggleFullScreen);
  addFocusOnControls(fullscreenIcon);