Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!-- Style um dem Element einen Cursor für einen Link zu verpassen -->
- <style>
- #linkbild {
- cursor: pointer;
- }
- </style>
- <!-- Einbinden von jQuery -->
- <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
- <!-- Beginn des Scripts -->
- <script type="text/javascript">
- $(document).ready(function(){
- // Iteration des Links. Initial auf 0.
- var i = 0;
- // Array mit den Links. Die Anzahl ist beliebig. Wieviele eben gebraucht werden
- var links = [
- "http://www.link1.de",
- "http://www.link2.de",
- "http://www.link3.de",
- ];
- //Wenn Element mit der ID linkbild geklickt wird...
- $("#linkbild").click(function() {
- // Einen neuen Tab öffnen mit dem link, der dem Index i entspricht
- var win = window.open(links[i], "_blank");
- // Wenn der Tab geöffnet wurde
- if (win) {
- // Fokus auf das Fenster/den Tab setzen
- win.focus();
- } else {
- // Alert ausgeben wenn Popup geblockt.
- alert('Please allow popups for this website');
- }
- // i inkrementieren
- i++;
- // Wenn i die Anzahl der Einträge im Array übersteigt, auf 0 zurücksetzen.
- if(i >= links.length) {
- i = 0;
- }
- });
- });
- </script>
- </head>
- <body>
- <!-- Element welches anklickbar sein soll. Ob dieses nun Text oder Bild ist, ist vollkommen egal. Solange die ID "linkbild" vergeben ist. -->
- <p id="linkbild">Klick mich</p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement