JQuery - Cliquez sur l'image ouvrir une fenêtre

Je suis en train d'essayer d'ouvrir l'image dans un nouvel onglet lorsque l'utilisateur clique sur la vignette, mais même si j'ai essayé de nombreuses solutions différentes n'a pas fonctionné.

Je suis l'affichage jquery code:

$('#imagelink').click(function() {

     //location.href = $('#imagelink').attr("href"); //It is correct!
    //window.location.href = this.id + '.html'; //It is correct!
  // window.open($('#imagelink').attr("href"), '_blank');
  // $.winOpen($('#imagelink').attr("href"), "windowName", { fullscreen: "no", height: "600px", toolbar:    1, width: 600 }); //It is correct!
     window.location = $.myURL("index", $(this).attr("href"));//It is correct!

    });

Comme vous pouvez le voir j'ai essayé toutes les cinq aspects et tous ouvrez l'image dans le même onglet, ce qui n'est pas ce que je désire.

Je suis annonce également le code jquery qui comprend également le html (ce qui est inclus dans un fichier distinct):

new_span.append('<a id="imagelink" href="'+ new.link +'"><img src="' + new.url +'" height=50px width="50px"  /></a>');

Toute sorte d'aide est appréciée.

OriginalL'auteur user2008973 | 2013-11-11

jquery onclick

9

Essayer avec target comme _blank comme
```
new_span.append('<a id="imagelink" href="'+ new.link +'" target="_blank"><img src="' + new.url +'" height=50px width="50px"  /></a>');
```
Ou vous pouvez aussi essayer avec javascript à l'aide de window.open comme
```
$('#imagelink').click(function() {
    var URL = $.myURL("index", $(this).attr("href"));
    window.open(URL,'_blank','',''); 
});
```
Wow! C'était juste un morceau de gâteau pour vous!! Il a travaillé! Je suis tout à fait débutant, mais je suis en train d'essayer de maintenir et d'étendre le projet de quelqu'un d'autre. Merci beaucoup!
Je ne sais pas si je dois soulever une nouvelle question. Mais j'ai également essayé de le faire avec le vol stationnaire. Je veux dire lorsque vous passez la souris sur la vignette pour voir l'image réelle de la page. En réalité, ce fut la première exigence, mais je l'ai trouvé plus facile pour commencer cliquez sur l'événement. Pourriez-vous également m'aider? Je vous remercie à l'avance.

OriginalL'auteur Gautam3164

Utilisation :

target="_blank"

dans votre a tag.

Si vous voulez suivre jquery alors utiliser :

$('#imagelink').click(function() {
     var loc = $(this).attr("href");
     window.open(loc, '_blank');
});

OriginalL'auteur Roy M J

1

Il suffit d'ajouter le texte suivant dans la section head de votre code HTML.
```
<base target='_blank' />
```
Si vous souhaitez ouvrir seulement les liens d'une section particulière de votre page, puis utilisez th e code suivant
```
$('#my-Content a[href^="http://"]').attr("target", "_blank");
```
Ici #mon-le Contenu est l'id de la section dans laquelle vos liens sont présents.
C'est pour l'ancrage des balises, mais il fonctionne même avec des images trop.

Merci @srikanthbattula ! J'ai une autre question si je voudrais que lors du survol de la vignette pour obtenir une image à la taille réelle de l'image, comment dois je faire? Pouvez-vous l'aider?

OriginalL'auteur srikanthbattula
0

en fonction de votre problème, vous avez juste besoin d'un
```
target='_blank' //attribute for anchor tag.
new_span.append('<a id="imagelink" href="'+ new.link +'" target="_blank"><img src="' + new.url +'" height=50px width="50px"  /></a>');
```
même après l'ajout de cet attribut vous n'avez pas besoin explicite de la fonction de clic. vous attachez une fonction de clic ouvrir dans la fenêtre popup, certains navigateur ou vous pouvez dire les paramètres du navigateur doit être activer popup. mais target='_blank' est assez pour ouvrir une image dans un nouvel onglet. personnellement je ne recommande pas de cliquez sur la fonction si vous fournissez un lien dans le href.

mais parce que vous êtes débutant pour votre référence leur sont plus de l'attribut de l'ancre. qui vous aideront dans l'avenir.
```
_blank  Load in a new window
_self   Load in the same frame as it was clicked
_parent Load in the parent frameset
_top    Load in the full body of the window
```
OriginalL'auteur Negi Rox

Vous devez vous connecter pour publier un commentaire.