Perché il Percorso immagine grande non è impostato in questo?

io non sono sicuro se questo è corretto o meno $('#bigImage').attr("data-big", LargeImagePath); Ma lo stesso bel lavoro economico 'src'.

IE. su JSP ottengo il valore di mediumImagePath ma non grande potrebbe .attr non verrà utilizzato in caso di data-big quindi cosa dovrei usare per data-big.

xyz.js

function getImageDetails(mediumImagePath, LargeImagePath) { 
    alert(mediumImagePath+"_______"+mediumImagePath); 
    jQuery.ajax({ 
     type : 'GET', 
     url : 'productDetailsPage.do', 
     data : {}, 
     success : function(data) { 
     $('#bigImage').attr("src", mediumImagePath); 
     $('#bigImage').attr("data-big", LargeImagePath); 
     alert(data);   
     $("#productListPage").hide(); 
     $("#productDetailsPage").show(); 
     } 
    }); 
}

Questo è il div dove dove sto cercando di impostare questi valori:

Abc.Jsp

<div class="view-product"> 
    <img id="bigImage" class="fancybox" src="" 
     data-big="images/home/suitlarge.jpg" /> 
    <h3>ZOOM</h3> 
</div>

Productdiv. jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<div> 

    <c:forEach items="${products}" var="products"> 
     <div class="col-sm-4"> 
      <div class="product-image-wrapper"> 
       <div class="single-products"> 
        <div class="productinfo text-center"> 
         <img src="${products.smallImage}" onclick="getImageDetails('${products.mediumImage}', '${products.largeImage}');" alt="${products.productId}productImage" /> 
         <h2>${products.allPrice}</h2> 
         <p>${products.name}</p> 
        </div> 
       </div> 
        <ul class="nav nav-pills nav-justified"> 
         <li><a href=""><i class="fa fa-plus-square"></i>Add to 
           Wishlist</a></li> 
        </ul> 
       </div> 
      </div> 

    </c:forEach> 
</div>

Si prega di aiutare e spiegare cosa c'è che non va.

fonte

2016-02-15 Himanshi

errori nella console? –

Come si chiama, 'getImageDetails' e quali sono i risultati previsti. L'unico attributo che ha un effetto reale sull'immagine è l'attributo 'src'. Tutto il resto deve essere gestito manualmente. –

Siamo spiacenti, ma non capisco quale sia il problema? Con che cosa stai chiedendo aiuto? – jfriend00

Quando si desidera accedere alla data attributo che si dovrebbe usare data e NON attr

Così il vostro codice dovrebbe essere qualcosa come $('#bigImage').data("big", LargeImagePath);

Ecco un esempio completo:

<head runat="server"> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      var big = $("#bigImage").data("big"); 
      alert(big); 
     }); 
    </script> 
</head> 
<body> 
    <img id="bigImage" class="fancybox" src="" data-big="images/home/suitlarge.jpg" /> 
</body>

fonte

2016-05-19 09:46:43

Perché il Percorso immagine grande non è impostato in questo?

risposta

Problemi correlati