Rahinaa.biz / Lehti / Kuvankaappaus nettisivustoista

Kuvankaappaus nettisivustoista

Julkaistu: 30. marraskuuta 2007 Kategoria: yleinen

Mietitään tilannetta jolloin Teppo tulee kysymään:

Hei, mulla on semmonen oma CSS-galleria listaus jonne haluaisin saada kuvia nettisivustoista jotka on hienoja. Tosin en haluais ite tehä niitä kuvia vaan haluaisin että ne toimis automaattisesti. Onko siihen helppoa tapaa?

Tähän voin vastata: kyllä on. Yksi todella helppo tapa on MSN Girafa serverin käyttäminen. MSN ei sitä estä, mutta ehkä he eivät siitä pidäkään mutta kuitenkin he antavat meille mahdollisuuden käyttää nettisivun kuvankaappauksia helposti. Ei tarvita mitään muuta kuin pieni URL-osoite ja siitä sitten työstämään:

http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=http://www.sinun-osoite.com

Simppelisti vain sitten korvataan kohta http://www.sinun-osoite.com haluamasi nettisivuston osoitteella, kuten esimerkiksi http://www.cssbased.com muodostaisi:

http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=http://www.cssbased.com

Sitten voimmekin ottaa tämän härdellin käyttöön, esimerkiksi CSS:n tai puhtaan img-tagin avulla:

<img src="http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=http://www.cssbased.com" alt="CSSbased.com" />

Voimme myös työstää tätä syvemmälle, jolloin lopputuloksesta tulee tälläinen:

Esimerkissä olemme vain käyttäneen CSSbased.com sivuston kuvankaappausta, laittaneet sen elementin taustakuvaksi ja muotoilleet sitä pikkuisen CSS:n avulla.

Tämä CSS-tyylitiedosto näyttäisi tältä:

#cssbased {
	background: url("http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=http://www.cssbased.com") no-repeat;
	margin: 10px;
	width: 100px;
	height: 80px;
	float: left;
	border: 5px solid #eee;
}

(X)HTML koodi sivustolla puolestaan näyttäisi tältä:

<div id="cssbased" title="Kuvankaappaus sivustosta CSSbased"></div>

Miinuspuolina tälle toimintatavalle ovat:

  • Kuvat ovat aina 160×120 pikselin kokoisia
  • Palvelimen kuvia päivitetään harvoin
  • Kuvat sijaitsevat ulkoisella pavelimella

Plussana on sen helppous ja nopeus.

Kommat suljettu [0] Tagit: ,

Tämän bloggauksen kommentointi on suljettu, sen oltua auki 30. marraskuuta 2007 lähtien kuusi viikkoa.

© Copyright 2012 Jukka Svahn. All rights reserved. Sivun ylälaitaan