Bootstrap 4 Modal neben dem Triggerelement öffnen

[liebewinter]

Geschafft ! 👍

So, ich habe auf eine andere Forum gefragt und have die losung mit JQuery gegeben..

so, das Code von eine Fenter,

<div class="container-fluid">
    <div class="row">
       
         <div class="col"> 
             
          <div class="product-grid">
                
                <div class="product-image">
                   <a class="link" href="/tachen_&_rucksacke/fenster/mochila_doble_tirantes-violeta.php">
                    <img alt=""  class="bild" src="photo/111.jpg">     
                   </a> 
                   
                </div>
                   
                <div class="product-content">
                     <a class="links" href="/tachen_&_rucksacke/fenster/mochila_doble_tirantes-violeta.php">
                    <p class="title">Mochila doble tirantes Violeta</p>
                    </a>     
                      
                </div>
         
               <div class="price">$16.00</div>
                      
                     <div class="div-zoom">

                        <span class="zum-warenkorb">zum warenkorb hinzufügen</span>
   

                         
                        <i class="fa fa-search-plus" style="font-size: 94%; color: white; background-color:  #595959; padding: 3%; cursor: zoom-in;" onclick='layer_show();'></i></div> 
                                       
                       
                        </div> 
                   </div>
               

                       <div id="layerPreview" ></div>
                       <div id='layerPreviewContent'>
	                    
	                  <div style='width:100%;text-align:right;border-bottom:1px solid;'><span onclick="layer_close();" style='cursor:pointer;padding-right:5px;'>cerrar</span></div>
	                   Texto para la capa
                        </div>
     </div>
</div>

Die jQuery code,

<script>
	
function layer_show()
	{
		$('#layerPreview').attr("style", "top:0px; height:"+$(document).height()+"px; width:"+$(window).width()+"px; display:inline;");
		
		
		   La anchura y la posicion centrada se establece en el estilo */
		var posTop=(($(window).height()/2)-(200/2))+$(document).scrollTop();
		if(posTop<0)
			posTop=0;
		$('#layerPreviewContent').attr("style", "top:"+posTop+"px;");
		/* Indicamos que se muestre la capa */
		$('#layerPreviewContent').show(600);
}
	

function layer_close()
	{
		$('#layerPreviewContent').hide(300);
		$('#layerPreview').hide();
}
</script>

....und mein Geliebt Fenster..😀

Ich wünsche alle euch eine gesunde leben! das wichtiger für uns menschen, mehr als scheiße Geld....