A. javascript點擊查看圖片，彈框顯示圖片，怎麼用js怎麼實現
最好用插件，去layer官網有專門的點擊圖片，彈出瀏覽還支持多個圖片。
先去官網下載版layer包，你的權網頁引用layer的js文件。
地址：網頁鏈接點擊相冊層
然後js代碼：
//調用示例
layer.ready(function(){ //為了layer.ext.js載入完畢再執行
var ps=$("#psize").val();
layer.photos({
photos: '#layer-photos-demo'
,shift: ps //0-6的選擇，指定彈出圖片動畫類型，默認隨機
});
});
html代碼：
<div id="layer-photos-demo" class="layer-photos-demo" >
<img layer-pid="圖片id，可以不寫" layer-src="縮略圖片地址" src="圖片地址" alt="" style="height: 140px;width: 120px;border:1px solid #bbb;">
</div>
B. 如何通過js獲取網頁中所有圖片並加入點擊事件，實現
在網頁載入完成時，通過js獲取圖片和添加點擊的識別方式
- (void)webViewDidFinishLoad:(UIWebView *)webView {
[IDProgressHUD IDPlaceViewHideDirect:self.view];
//這里是js，主要目的實現對url的獲取
static NSString * const jsGetImages =
@"function getImages(){\
var objs = document.getElementsByTagName(\"img\");\
var imgScr = '';\
for(var i=0;i<objs.length;i++){\
imgScr = imgScr + objs[i].src + '+';\
};\
return imgScr;\
};";
[webView :jsGetImages];//注入js方法
NSString *urlResurlt = [webView :@"getImages()"];
mUrlArray = [NSMutableArray arrayWithArray:[urlResurlt componentsSeparatedByString:@"+"]];
if (mUrlArray.count >= 2) {
[mUrlArray removeLastObject];
}
//urlResurlt 就是獲取到得所有圖片的url的拼接；mUrlArray就是所有Url的數組
//添加圖片可點擊js
[mWebView :@"function registerImageClickAction(){\
var imgs=document.getElementsByTagName('img');\
var length=imgs.length;\
for(var i=0;i<length;i++){\
img=imgs[i];\
img.onclick=function(){\
window.location.href='image-preview:'+this.src}\
}\
}"];
[mWebView :@"registerImageClickAction();"];
}
//在這個方法中捕獲到圖片的點擊事件和被點擊圖片的url
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
//預覽圖片
if ([request.URL.scheme isEqualToString:@"image-preview"]) {
NSString* path = [request.URL.absoluteString substringFromIndex:[@"image-preview:" length]];
path = [path :NSUTF8StringEncoding];
//path 就是被點擊圖片的url
return NO;
}
return YES;
}
C. 怎麼用JS寫一個程序,使點擊商品圖片跳轉到商品詳情頁面,求完整的代碼~
如果你只是想實現跳轉的話根本用不到js，用html就可以實現。js只是用來操縱頁面上的元素，實現html實現不了的功能。
D. js圖片顯示如何操作
首先要在<head>裡面把要用到的文件包含進去，然後在<body>裡面具體的元素進行調用，如<tr css="CSS中定義的樣式名"/>，JS的調用也需要明確，如<a href="#" onclick="JS中的函數名"/>等
E. 利用js動態生成一個簡單的商品詳情頁
使用jquery： var $div=$('');var content="動態創建的內容";$div.html(content); //會替換內所有子元素或文本容節點使用javascript：var div = document.createElement('div');var content = document.createTextNode("動態創建的內容");div.appendChild(content);
F. 如何用JS/JQ實現，點擊小圖片顯示大圖片及詳細信息的功能
這個一般是用css來顯示特定內容的。
譬如有張圖片icon.png，裡面有很多內容，便可以在css中這么用。
.sa
{width:20px;
height:20px;
overflow:hidden;
background:url(icon.png)
no-repeat
-20px
-30px;}
註解：
寬度和高度是控制顯示範圍的
overflow:hidden是確保不會有多餘顯示
background:url(icon.png)是使用圖片作為背景顯示，並且也只能作為背景顯示才能達到這種做法的目的
no-repeat是不會重復，這個不是必須的，不過有會規范一些
-20px
-30px是圖片的定位，顯示時會將圖片按這個坐標來定位
上面只是針對固定大小的顯示內容來定義的，如果大小不固定，在background屬性中有可能需要更改設置。不過重點是這種方式是這么使用的。
如果大小不固定，也可以這樣定義，讓背景自適應：
.sa
{width:auto;
height:20px;
overflow:hidden;
background:url(icon.png)
no-repeat
right
bottom;}
對於圖片2(首頁標簽)的內容，也是這么使用的：
.a
{width:100px;
height:25px;
overflow:hidden;
background:url(2.png)
no-repeat
left
center;}
.a:hover
{background-position:right
center;}
這樣一來，當滑鼠移到元素時，背景定位發生變化，顯示的內容便由左邊的變成右邊的了。
不過你應該對css這方面還不是很了解，目前可能還沒有很便捷的方式對這些css進行快速定義，所以也只能告訴你是這么一回事，但未必能幫得上你。