一種組圖標(biāo)題的顯示方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及通信網(wǎng)絡(luò)技術(shù)領(lǐng)域，尤其涉及一種組圖標(biāo)題的顯示方法和裝置。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)絡(luò)上的信息越來越豐富，其中，包括大量的視頻、音頻、圖片等信息，尤其是圖片由于能夠直觀的展示所要展現(xiàn)的信息，因此倍受使用者的青睞，因此，圖片在網(wǎng)頁信息中占據(jù)著非常重要的位置。而以組圖形式出現(xiàn)的圖片頁面則在網(wǎng)頁中占了極大的比重。顧名思義，組圖就是意義相近或者內(nèi)容相近的許多圖片組成一個(gè)組。比如環(huán)保組圖都是環(huán)保內(nèi)容的圖片，還有風(fēng)景壁紙組圖等等。之所以用組圖來表達(dá)，正是由于人們對(duì)圖片的需求旺盛，如果只提供一張圖片不能滿足人們的心理或者生活的選擇需求，才使用許多圖片來分成類別，供人們欣賞和利用它。
[0003]組圖顯示的一種主要方式是以大圖頁進(jìn)行顯示。通常，為了顯示高清晰度的圖片，或者為了充分給用戶展現(xiàn)圖片的細(xì)節(jié)特征，避免過多的非圖片因素對(duì)用戶的干擾，網(wǎng)站會(huì)采用大圖頁的方式向用戶展示圖片。
[0004]然而現(xiàn)有技術(shù)中存在如下的缺陷:當(dāng)進(jìn)行大圖頁瀏覽時(shí)，各網(wǎng)站的通常做法是，滑動(dòng)屏幕會(huì)隱藏標(biāo)題信息，只有當(dāng)再次點(diǎn)擊屏幕時(shí)才會(huì)顯現(xiàn)。因此在不同組圖之間切換時(shí)，由于標(biāo)題信息一直處于隱藏狀態(tài)，導(dǎo)致用戶不能清楚的了解到已經(jīng)從一組圖片切換到了另一組圖片。

【發(fā)明內(nèi)容】

[0005]鑒于上述問題，提出了本發(fā)明的技術(shù)方案以便提供一種克服上述問題或者至少部分地解決或者減緩上述問題。
[0006]根據(jù)本發(fā)明的一個(gè)方面，提供了一種組圖標(biāo)題的顯示方法，該方法包括:
[0007]顯示多個(gè)圖片中的當(dāng)前顯示圖片；
[0008]觸發(fā)切換指令；
[0009]當(dāng)切換后的圖片與當(dāng)前顯示圖片屬于不同的組圖時(shí)，則顯示所述切換后的圖片的組圖標(biāo)題。
[0010]進(jìn)一步的，所述方法還包括:
[0011]在觸發(fā)切換指令之后，當(dāng)所述切換后的圖片與當(dāng)前顯示圖片屬于相同的組圖時(shí)，則隱藏所述切換后的圖片的組圖標(biāo)題。
[0012]進(jìn)一步的，所述方法包括:
[0013]將所述多個(gè)圖片經(jīng)過格式化后形成數(shù)組并存儲(chǔ)。
[0014]進(jìn)一步的，所述方法還包括:
[0015]當(dāng)觸發(fā)切換指令時(shí)，取出所述數(shù)組的當(dāng)前項(xiàng)以及前后各一項(xiàng)進(jìn)行渲染，或者取出所述數(shù)組的當(dāng)前項(xiàng)以及前一項(xiàng)進(jìn)行渲染，或者取出所述數(shù)組的當(dāng)前項(xiàng)以及后一項(xiàng)進(jìn)行渲染。
[0016]進(jìn)一步的，所述方法還包括:
[0017]當(dāng)觸發(fā)切換指令時(shí)，判斷切換后的圖片對(duì)應(yīng)的組圖1D和切換前的圖片對(duì)應(yīng)的組圖1D是否相同；當(dāng)兩者不同時(shí)，說明已經(jīng)切換到了不同的組圖。
[0018]進(jìn)一步的，所述方法包括:
[0019]所述標(biāo)題通過css3的transit 1n動(dòng)畫來實(shí)現(xiàn)。
[0020]進(jìn)一步的，所述方法包括:
[0021 ] 通過JavaScript為頁面設(shè)置不同的ClassName來觸發(fā)所述transit1n動(dòng)畫。
[0022]進(jìn)一步的，所述切換指令由按壓實(shí)體鍵、感應(yīng)鍵、觸碰屏幕上的動(dòng)態(tài)鍵或感應(yīng)手勢(shì)其中之一驅(qū)動(dòng)。
[0023]進(jìn)一步的，以大圖頁的方式來顯示所述多個(gè)圖片。
[0024]根據(jù)本發(fā)明的另一方面，提供了一種組圖標(biāo)題的顯示裝置，所述裝置包括:
[0025]顯示單元，用于顯示多個(gè)圖片中的當(dāng)前顯示圖片；
[0026]切換單元，用于觸發(fā)切換指令；
[0027]判斷單元，用于判斷所述切換圖片與當(dāng)前顯示圖片是否屬于不同的組圖；
[0028]標(biāo)題顯示單元，當(dāng)切換后的圖片與當(dāng)前顯示圖片屬于不同的組圖時(shí)，則顯示所述切換后的圖片的組圖標(biāo)題。
[0029]進(jìn)一步的，所述裝置還包括:
[0030]標(biāo)題隱藏單元，在觸發(fā)切換指令之后，當(dāng)所述切換后的圖片與當(dāng)前顯示圖片屬于相同的組圖時(shí)，則隱藏所述切換后的圖片的組圖標(biāo)題。
[0031 ]進(jìn)一步的，所述裝置包括:
[0032]格式化單元，將所述多個(gè)圖片經(jīng)過格式化后形成數(shù)組；
[0033]存儲(chǔ)單元，將所述數(shù)組存儲(chǔ)到數(shù)據(jù)庫。
[0034]進(jìn)一步的，所述裝置還包括:
[0035]渲染器，當(dāng)觸發(fā)切換指令時(shí)，取出所述數(shù)組的當(dāng)前項(xiàng)以及前后各一項(xiàng)進(jìn)行渲染，或者取出所述數(shù)組的當(dāng)前項(xiàng)以及前一項(xiàng)進(jìn)行渲染，或者取出所述數(shù)組的當(dāng)前項(xiàng)以及后一項(xiàng)進(jìn)行渲染。
[0036]進(jìn)一步的，當(dāng)觸發(fā)切換指令時(shí)，所述判斷單元判斷切換后的圖片對(duì)應(yīng)的組圖1D和切換前的圖片對(duì)應(yīng)的組圖1D是否相同；當(dāng)兩者不同時(shí)，說明已經(jīng)切換到了不同的組圖。
[0037]進(jìn)一步的，所述裝置包括:
[0038]標(biāo)題實(shí)現(xiàn)單元，通過css3的transit1n動(dòng)畫來實(shí)現(xiàn)所述標(biāo)題。
[0039]進(jìn)一步的，通過JavaScript為頁面設(shè)置不同的ClassName來觸發(fā)所述transit 1n動(dòng)畫。
[0040]進(jìn)一步的，切換單元的所述切換指令由按壓實(shí)體鍵、感應(yīng)鍵、觸碰屏幕上的動(dòng)態(tài)鍵或感應(yīng)手勢(shì)其中之一驅(qū)動(dòng)。
[0041 ]進(jìn)一步的，以大圖頁的方式來顯示所述多個(gè)圖片。
[0042]本發(fā)明的有益效果為:
[0043]本發(fā)明提供了一種組圖標(biāo)題的顯示方法和裝置，當(dāng)切換后的圖片與當(dāng)前顯示圖片屬于不同的組圖時(shí)，能顯示所述切換后的圖片的組圖標(biāo)題。本發(fā)明的技術(shù)方案當(dāng)用戶進(jìn)行大圖頁瀏覽時(shí)，尤其在不同組圖之間切換時(shí)，由于組圖的標(biāo)題信息能夠被顯示，從而給用戶以清晰的提示，使用戶能清楚的了解到已經(jīng)從一組圖片切換到了另一組圖片。
[0044]上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本發(fā)明的【具體實(shí)施方式】。
【附圖說明】
[0045]通過閱讀下文【具體實(shí)施方式】的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出【具體實(shí)施方式】的目的，而并不認(rèn)為是對(duì)本發(fā)明的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中:
[0046]圖1為本發(fā)明的組圖標(biāo)題的顯示方法流程圖；
[0047]圖2為本發(fā)明中判斷搜索結(jié)果是否滿足預(yù)渲染條件的方法流程圖；
[0048]圖3為本發(fā)明的組圖標(biāo)題的顯示裝置示意圖；
[0049]圖4為本發(fā)明在移動(dòng)終端上瀏覽大圖頁效果圖一；
[0050]圖5為本發(fā)明在移動(dòng)終端上瀏覽大圖頁效果圖二；
[0051]圖6為本發(fā)明在移動(dòng)終端上瀏覽大圖頁效果圖三。
【具體實(shí)施方式】
[0052]下面結(jié)合附圖和具體的實(shí)施方式對(duì)本發(fā)明作進(jìn)一步詳細(xì)的描述。
[0053]圖1為本發(fā)明的組圖標(biāo)題的顯示方法流程圖。
[0054]本發(fā)明提供了一種組圖標(biāo)題的顯示方法，該方法包括:
[0055]步驟S101、顯示多個(gè)圖片中的當(dāng)前顯示圖片；
[0056]步驟S102、觸發(fā)切換指令；
[0057]步驟S103、當(dāng)切換后的圖片與當(dāng)前顯示圖片屬于不同的組圖時(shí)，則顯示所述切換后的圖片的組圖標(biāo)題。
[0058]下面針對(duì)方法中的每一個(gè)步驟做進(jìn)一步詳細(xì)具體的說明。
[0059]進(jìn)一步的，所述方法還包括:
[0060]在觸發(fā)切換指令之后，當(dāng)所述切換后的圖片與當(dāng)前顯示圖片屬于相同的組圖時(shí)，則隱藏所述切換后的圖片的組圖標(biāo)題。
[0061]當(dāng)瀏覽組圖中的圖片的時(shí)候，如果所述的切換后的圖片與切換前的圖片為同一組圖，則可以通過隱藏組圖標(biāo)題的方式來提升用戶體驗(yàn)，同時(shí)可以避免過多的非圖像信息對(duì)用戶造成不必要的干擾。
[0062]所述方法還包括:
[0063]將所述多個(gè)圖片經(jīng)過格式化后形成數(shù)組并存儲(chǔ)。
[0064]當(dāng)用戶瀏覽網(wǎng)頁圖片尤其是大圖頁的時(shí)候，通常會(huì)獲取若干個(gè)圖片數(shù)據(jù)。所述若干個(gè)圖片數(shù)據(jù)可能屬于相同的組圖，也可能屬于不同的組圖。由于圖搜的數(shù)據(jù)可能存在幾種不同的類型，因此格式化單元負(fù)責(zé)將不同類型的數(shù)據(jù)轉(zhuǎn)換成相同的預(yù)定格式更加便于管理和加載。格式化單元進(jìn)而將格式化后的數(shù)據(jù)形成一個(gè)數(shù)組并存儲(chǔ)到數(shù)據(jù)庫中。通過上述處理，對(duì)網(wǎng)頁圖片數(shù)據(jù)的處理就轉(zhuǎn)化為對(duì)數(shù)組中的數(shù)據(jù)的處理，從而大大簡(jiǎn)化了后臺(tái)處理器的操作。
[0065]所述方法還包括:
[0066]當(dāng)觸發(fā)切換指令時(shí)，取出所述數(shù)組的當(dāng)前項(xiàng)以及前后各一項(xiàng)進(jìn)行渲染，或者取出所述數(shù)組的當(dāng)前項(xiàng)以及前一項(xiàng)進(jìn)行渲染，或者取出所述數(shù)組的當(dāng)前項(xiàng)以及后一項(xiàng)進(jìn)行渲染。
[0067]當(dāng)觸發(fā)切換指令時(shí)，若當(dāng)前瀏覽的圖片為組圖中的中間位置的圖片，則取出所述數(shù)組的當(dāng)前項(xiàng)以及前后各一項(xiàng)進(jìn)行渲染；若當(dāng)前瀏覽的圖片為組圖中最后一張位置的圖片，則取出所述數(shù)組的當(dāng)前項(xiàng)以及前一項(xiàng)進(jìn)行渲染;若當(dāng)前瀏覽的圖片為組圖中的第一張位置的圖片，則取出所述數(shù)組的當(dāng)前項(xiàng)以及后一項(xiàng)進(jìn)行渲染。
[0068]渲染器對(duì)格式化單元格式化后的數(shù)據(jù)進(jìn)行渲染。
[0069]所述渲染器對(duì)格式化單元格式化