Différents événements onclick highslide basés sur la taille de l'écran

Question

Je suis en train d'améliorer notre site afin qu'il soit réactif.

Au moment un lien typique de la mine a une largeur codée en dur pour la fonction onclick:

Un exemple que j'utilise est comme suit:

<a href="#" onclick="return hs.htmlExpand(this, { width: 700 })"> 

<b>This is the title</b></a> 

<div class="highslide-maincontent" style="font-weight:normal"> 

This is where the content is 

</div> 

Cependant, je voudrais qu'il ait que lorsque la résolution est plus 500px, sous et je veux qu'il y ait une largeur de 90%

Merci

Answer 1

vous pouvez définir la largeur de la fenêtre en utilisant CS S au lieu d'utiliser la variable width dans onclick.
Définir largeur: 700px; pour toutes les largeurs de navigateur, et remplacez-le par largeur: 90%; lorsque le navigateur a une largeur maximale de 500px.

Utilisez un onclick sans la variable largeur:

onclick="return hs.htmlExpand(this)" 

Ajouter ce ci-dessous le fichier highslide.css dans la section de la tête de votre page:

<style type="text/css" media="all"> 
.highslide-html-content { 
    width: 700px; 
} 
</style> 
<style type="text/css" media="(max-width: 500px)"> 
.highslide-html-content { 
    width: 90%; 
} 
</style>