jquery - Hvordan bruger jeg links i et jquery..HJÆLP!! - Udvikleren.dk

Tags: jquery

Bruger #17029 @ 01.02.12 17:36

hej

Jeg har brug for lidt hjælp.
Sidder og designer en hjemmeside, hvor kunden gerne vil have nogle links lagt ind i en tekst.

mit problem er så nu at jeg har anvendt en open source jquery som fungere således..rigtig fint.

---------------------------
<div id="galleria">

<a href="Sundhed1.jpg"><img title="SUNDHED" alt="Proin scelerisque. Nulla in mi. Integer ac leo. Nunc urna ligula, gravida a, pretium vitae, bibendum nec, ante. Aliquam ullamcorper iaculis lectus. Sed vel dui. Etiam lacinia risus vitae lacus. Aliquam elementum imperdiet turpis. In id metus. Mauris eu nisl. Nam pharetra nisi nec enim. Nulla aliquam, tellus sed laoreet blandit, eros urna vehicula lectus, et vulputate mauris arcu ut arcu. Praesent eros metus, accumsan a, malesuada et, commodo vel, nulla. Aliquam sagittis auctor sapien. Morbi a nibh. Nullam non metus. Quisque tellus lorem, pellentesque sit amet, blandit ac, nonummy eget, augue." src="tom.jpg" width="100" height="75"></a>

</div>

<script>

// Load the classic theme
Galleria.loadTheme('galleria.classic2.min.js');

// Initialize Galleria
$('#galleria').galleria();

</script>
----------------------------------------------------------------------

men mit problem er at der skal være links inde i teksten..hvilket pt ikke fungere

hvad gør jeg for der skal være et link videre....????

jeg troede det kunne sådan ud ....

----------------------------------------------------------------------
<div id="galleria">

<a href="Sundhed1.jpg"><img title="SUNDHED" alt="Proin scelerisque. Nulla in mi. Integer ac leo. Nunc urna ligula, gravida a, pretium vitae, bibendum nec, ante. Aliquam ullamcorper iaculis lectus. Sed vel dui. Etiam lacinia risus vitae lacus. Aliquam elementum imperdiet turpis. In id metus. Mauris eu nisl. Nam pharetra nisi nec enim. Nulla aliquam, tellus sed laoreet blandit, eros urna vehicula lectus, et vulputate mauris arcu ut arcu.
a href="http://aktivtraening.dk">Pels</a>
Praesent eros metus, accumsan a, malesuada et, commodo vel, nulla. Aliquam sagittis auctor sapien. Morbi a nibh. Nullam non metus. Quisque tellus lorem, pellentesque sit amet, blandit ac, nonummy eget, augue." src="tom.jpg" width="100" height="75"></a>

</div>

<script>

// Load the classic theme
Galleria.loadTheme('galleria.classic2.min.js');

// Initialize Galleria
$('#galleria').galleria();

</script>

<div id="galleria">

<a href="Sundhed1.jpg"><img title="SUNDHED" alt="Proin scelerisque. Nulla in mi. Integer ac leo. Nunc urna ligula, gravida a, pretium vitae, bibendum nec, ante. Aliquam ullamcorper iaculis lectus. Sed vel dui. Etiam lacinia risus vitae lacus. Aliquam elementum imperdiet turpis. In id metus. Mauris eu nisl. Nam pharetra nisi nec enim. Nulla aliquam, tellus sed laoreet blandit, eros urna vehicula lectus, et vulputate mauris arcu ut arcu.
a href="http://aktivtraening.dk">Pels</a>
Praesent eros metus, accumsan a, malesuada et, commodo vel, nulla. Aliquam sagittis auctor sapien. Morbi a nibh. Nullam non metus. Quisque tellus lorem, pellentesque sit amet, blandit ac, nonummy eget, augue." src="tom.jpg" width="100" height="75"></a>

</div>

<script>

// Load the classic theme
Galleria.loadTheme('galleria.classic2.min.js');

// Initialize Galleria
$('#galleria').galleria();

</script>
----------------------------------------------------------------------

Men det fungere ikke...HJÆLP !!

4 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #15754 @ 01.02.12 21:11

989

Først vil jeg sige dit indlæg er virkelig virkelig forvirrende. Det er svært og forstår hvad du præcist skal have hjælp til.

Jeg har kigget på galleria men kan ikke finde nogen eksempler med links i teksten. Derfor har jeg to forslag du kan prøve.

Første er at bruge denne metode til at oprette dit galleri som JSON.

JScript kode

 <script>
 var data = [
     {
         image: 'img1.jpg',
         thumb: 'thumb1.jpg',
         big: 'big1.jpg',
         title: 'my first image',
         description: 'Lorem ipsum <a href="#">link</a> caption',
         link: 'http://domain.com'
     },
     {
         image: 'img2.jpg',
         thumb: 'thumb2.jpg',
         big: 'big2.jpg',
         title: 'my second image',
         description: 'Another caption',
         link: '/path/to/destination.html'
     }
 ];
 
 $('#container').galleria({
     data_source: data
 });
 </script>

Jeg har ikke testet det så ved ikke om det virker, men det er værd og prøve.

Andet forslag som kræver du er ret haj til javascript, er at udvide galleria til at gøre det du ønsker. Det kan du læse mere om her.

Håber det hjælper dig på vej til det rigtige. Er der intet af det som virker eller hjælper så må du nok ud og finde dig et nyt plugin som kan det du ønsker.

Indlæg senest redigeret d. 01.02.2012 21:12 af Bruger #15754

Bruger #17015 @ 01.02.12 23:22

614

Mit gæt er at galleria laver et galleri ud fra img tags og bruger alt teksten som beskrivelse...

Og du kan i hvert fald ikke have markup i dine alt tags. Så hvis du vil bruge den løsning skal du lave en anden syntax for links i din alt text, som du erstatter med et anchor-tag med regex eller lignende.

Må give MB ret i, at dit spørgsmål er ringe formuleret. Jo bedre spørgsmål du stiller, jo bedre svar får du - så det kan godt betale sig at gøre sig umage :-) Jo mere præcis du er, jo mindre gætteri skal vi igennem.

Bruger #17029 @ 13.02.12 14:21

hei
Tak for svar...ja det blev meget forvirret skrevet sorry...men det var lige præcis det du skrev jeg mente... har nu søgt/set lidt på det.

Du skriver Gustav at jeg kan anvende regex, har her fundet et script (regex)jeg tænker kan anvendes... men hvordan kobler jeg dette ind? du skriver at det kan gøres med anchor tag..men er meget i tvivl om hvordan... kan i evt hjælpe mig?
på forhånd tak

her er regex:
-------------------------
/* doLinks script */

function linkify(inputText, options) {

this.options = {linkClass: 'url', targetBlank: true};

this.options = $.extend(this.options, options);

inputText = inputText.replace(/\u200B/g, "");

//URLs starting with http://, https://, or ftp://
var replacePattern1 = /(src="|href="|">|\s>

?(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;ï]*[-A-Z0-9+&@#\/%=~_|ï]/gim;
var replacedText = inputText.replace(replacePattern1, function($0,$1){ return $1?$0:'<a class="'+ this.options.linkClass + '" href="' + $0 + '"' + (this.options.targetBlank?'target="_blank"':'') + '>'+ $0+ '</a>';});

//URLS starting with www and not the above
var replacePattern2 = /(src="|href="|">|\s>|https?:\/\/|ftp:\/\/)?www\.[-A-Z0-9+&@#\/%?=~_|!:,.;ï]*[-A-Z0-9+&@#\/%=~_|ï]/gim;
var replacedText = replacedText.replace(replacePattern2, function($0,$1){ return $1?$0:'<a class="'+ this.options.linkClass + '" href="http://' + $0 + '"' + (this.options.targetBlank?'target="_blank"':'') + '>'+ $0+ '</a>';});

//Change email addresses to mailto:: links
var replacePattern3 = /([\.\w]+@[a-zA-Z_]+?\.[a-zA-Z]{2,6})/gim;
var replacedText = replacedText.replace(replacePattern3, '<a class="' + this.options.linkClass + '" href="mailto

1">$1</a>');

return replacedText;
}

$.fn.doLinks = function(){
this.each(function(){
$(this).html(linkify($(this).html()));
});
}
</script>





<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}

---------------------------

her er min skabelon jeg er ved at lave til sitet.

http://malenesommer.dk/test%20af%20koder/malene.html

de2 urls i info boxen skal stadig være clickable!!

Hjælp....

Bruger #16025 @ 14.02.12 09:50

442

@malene
Husk at smide din kode ind i en kodeboks - det bliver langt mere overskueligt. Klik på ikonet med tag-tegn <>, og vælg hvilket sprog det er skrevet i - og sæt koden ind

Indlæg senest redigeret d. 14.02.2012 09:50 af Bruger #16025

Hvordan bruger jeg links i et jquery..HJÆLP!!

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler