Udvikleren.dk - Seneste [img] forum tr�de

�t billede, flere funktioner som knap

Tue, 28 Jan 2014 16:45:50 GMT

Hej alle sammen.

St�dte p� denne side i min s�gen p� noget hj�lp til en hjemmeside.
Jeg st�r nemlig og skal til at lave noget til et WildStar guild og i min s�gen efter inspiration kiggede jeg selvf�lgelig p� WildStar's egen hjemmeside, ( http://www.wildstar-online.com/ ) og der opdagede jeg at deres menu knapper p� deres class page er lavet ud af �t billede, alts� et billede til hver knap, men det billede har alle stadier af knappen med ( eksempel (link til billede) ), istedet for at have et billede til hver stadie af knappen.

Mit sp�rgsm�l er s�, hvordan bruger man de billeder p� den m�de?, jeg syntes det er sindsygt smart og det ville spare mig for en del arbejde og filer hvis man bare kunne g�re det s�dan.

H�ber i kan hj�lpe mig.

Mvh.
Mikkel

Problemer med skiftende header img

Mon, 20 Jan 2014 09:18:23 GMT

Jeg vil gerne have tre forskellige header-billeder afh�ngig af mine breakpoints i css'en. Jeg har indsat tre forskellige img i HTML og givet dem hver deres id. Jeg har stylet med display: none, alt efter hvilket header img, der skal vises. MEN, det er kun det f�rste billede, der bliver vist. N�r man skalerer fra desktop til tabletst�rrelse, bliver ingen billeder vist. Jeg forst�r virkelig ikke hvorfor. H�ber I kan hj�lpe :-)

HTML kode

 <header>
         <a href="index.php"><img src="images/headerendelig_desktop.png" alt="header logo" id="header_desktop"/></a>
         <a href="index.php"><img src="images/headerendelig_tablet.png" alt="header logo" id="header_tablet"/></a>
         <a href="index.php"><img src="images/headerendelig_mobile.png" alt="header logo" id="header_mobile"/></a>
     </header>

CSS kode

 #header_desktop{
     width: 100%;
     }
     
 #header_tablet, #header_mobile{
     display: none;
 }
 
 @media only screen and (max-width: 1024px) {
 
 #header_tablet{
     width: 100%;
     clear: both;
 }
 
 #header_desktop, #header_mobile{
     display: none;
 }
 
 @media only screen and (max-width: 480px) {
     
 #header_mobile{
     width: 100%;
     clear: both;
 }
 
 #header_desktop, #header_tablet{
     display: none;
 }

jQuery virker IKKE i Chrome

Mon, 23 Dec 2013 21:12:54 GMT

Hejsa!

Jeg har et problem med min jQuery kode!
Alt virker fint i FF og s�gar IE (sjovt nok), men min kode virker ikke i Chrome.

Her er min kode:

JScript kode

 ;(function ( $, window, document, undefined ) {
 
   $.fn.rift = function () {
 
     return this.each(function () {
       
       // Vurribles
       var element = $(this),
           elemImg = element.find('img'),
           imgSrc  = elemImg.attr('src');
   
       // We be chainin'  
       element
         .prepend('<span class="top-span"></span>')
         .append('<span class="btm-span"></span>')
         .find('span.top-span')
         .css('background', 'url(' + imgSrc + ') no-repeat center top')
         .css('background-size', '100%')
         .parent()
         .find('span.btm-span')
         .css('background', 'url(' + imgSrc + ') no-repeat center bottom')
         .css('background-size', '100%');
     });
   };
 })( jQuery, window, document );
 
 $('.rift').rift();

Det skal siges, at det er "l�nt" kode, for jQuery er jeg ved at l�re at kende (man skal jo starte et sted) - Er der en eller anden der ved hvorfor dette ikke virker??

MVH
Kucko

Tilpasning af baggrundsbillede til indholdet.

Mon, 26 Nov 2012 17:52:10 GMT

L�s src'en p� et IMG fra en given hjemmeside

Sun, 10 Apr 2011 18:47:06 GMT

Hej Folkens !

Jeg er ved at lave et program i Java, som kan hente billeders URL ud fra en hjemmeside. Kan det lade sig g�re ?
Det skal evt. v�re s�dan at man skal indtaste ID'en eller CLASS'en p� det IMG-tag man vil hive IMG-taggets url ud fra.

Er der nogen som har en id� om hvordan man g�r det ?

Med venlig hilsen Thomas Bolander