Stewart Rosenberger文本替換方法
這種方法使用JavaScript將頁面標(biāo)題替換成圖像。圖像是實(shí)時(shí)地由PHP腳本產(chǎn)生的,所以無需事先創(chuàng)建圖像。其他方面非常類似于sIFR。
這種方法的兩個(gè)先決條件如下:
(1)PHP服務(wù)器必須安裝有GD2庫。它是PHP的圖像處理庫,可以登錄網(wǎng)站http://www.php.net/images/學(xué)到更多關(guān)于它的知識(shí)。
(2)需要具有想要使用的字體,因?yàn)樾枰獙⑺鼜?fù)制到網(wǎng)站文件夾中。
假設(shè)這兩個(gè)條件都具備了,就可以繼續(xù)并且修改在之前的章節(jié)中創(chuàng)建的popup.php腳本,并且當(dāng)頁面裝裁時(shí)用圖形修飾文本來替換標(biāo)題。
用圖像來替換文字
(1)首先啟動(dòng)GD2PHP庫,PHP需要調(diào)用它產(chǎn)生圖片。如果機(jī)器的設(shè)置前面所述,那么GD2已安裝好了,但是可能還不能使用。打開php.ini配置文件編輯。在典型的XAMPP配置下,這個(gè)文件位于xamppapachebin文件夾。在其他情況下,它在windows文件夾下。
(2)打開php.ini文件,刪除前面的分號(hào)。如果沒有分號(hào),說明GD2已經(jīng)在機(jī)器上運(yùn)行了。
extension=php_gd2.dll
(3)重啟apache服務(wù)器以使得新的配置生效。
(4)將想要使用的文字文件復(fù)制到dynatext文件夾中。在windows機(jī)器上,可以在隱藏的windowsFonts 文件夾下找到字體文件,或通過控制面板的[字體]來找到字體文件夾。對(duì)此次的練習(xí),只需要復(fù)制trebuc.ttf文件到dynatext文件夾。
(5)下載http://www.alistapart.com/d/dynatext/heading.php.txt,并以heading.php的名字保存到dynatext文件夾。
(6)修改heading.php文件,將&font_file參數(shù)值設(shè)置為剛才復(fù)制到dynatext文件夾的字體文件名,然后將&font_size設(shè)置為23。
<?php
$font_file='trebuc.ttf';
$font_size=23;
$font_color='#000000';
$background_color='#ffffff';
$transparent_background=true;
$cache_images=true;
$cache_folder='cache';
?>
(7)下載http://www.alistapar.com/d/dynatext/replacement.js,并將它保存到dynatext文件夾。
(8)修改replaceSelector函數(shù)調(diào)用,在replacement.js的開始將h2修改為h1,將hideFlickerTimeout的值修改為一個(gè)非常小的值,如100。同樣,改變heading.php和test.png的參數(shù),以反映它們?cè)赿ynatext文件夾中的位置。代碼如下所示:
<?php
function com_stewartspeak_replacement(){
replaceSelector("h1","dynatext/heading.php",true);
var testURL="dynatext/test.png";
var doNotPrintImages=false;
var printerCSS="replacement-print.css";
var hideFlicker=false;
var hideFlickerCSS="replacement-screen.css";
var hideFlickerTimeout=100;
}
?>
(9)在seophp創(chuàng)建PNG圖像文件,命名為test.png。圖像內(nèi)容可任意設(shè)定,但文件好盡可能地小——如制作成1*1像素的圖像。腳本使用該文件來測(cè)試瀏覽器功能,如果網(wǎng)頁中沒有出現(xiàn)test.png,則文本未被成功替換。讀者可以下載本章代碼,并復(fù)制使用該圖像文件。
希望以上的這些信息能夠幫助您,如果您還有關(guān)于大連網(wǎng)站制作,大連網(wǎng)站建設(shè)及企業(yè)郵箱等相關(guān)問題,請(qǐng)與我們聯(lián)系,新圖聞科技將竭誠(chéng)為您服務(wù)!