使用效果（「縮放」）：保持圖像到位並不會重新定位

所以我看到發生了什麼。我定位了一個圖像，從中心向上縮放，然後它跳到由css給定的原始位置。使用效果（「縮放」）：保持圖像到位並不會重新定位

我認爲我能做的就是縮放它，然後通過.css對其進行定位，以避免一個混蛋......這樣該對象就會生長到位。

沒有發生。任何時候我嘗試或看到一箇中心縮放的項目，它會從比例尺之前「彈出」回原來的x/y位置。

我想要的是將圖像從中心點向上或向下縮放，並在縮放後將其保留在任何結束位置。

下面是簡單的代碼我到目前爲止：

$("#cs_house").effect("scale", {percent:120}, 250); 
$("#cs_house").fadeTo(10,1); 
$("#cs_house").css({'top':28+'px','left':10+'px'});

所以這個片段擴展了cs_house的ID圖像，然後消失了回去。最後一行是我用來保留它的地方，但它從左上角開始縮放。？

來源

2010-10-08 Billy

圖像和容器的位置屬性是什麼？ – Xion 2010-10-08 21:55:33

控股是相對的，該項目是絕對的。我剛剛讀到「Origin：['middle'，'center']」僅用於show（）和hide（），以便解釋某些內容。不過，我正在用兩階段動畫gif替換src attr。或者，將淡入淡出到100％以使用秀，並且正在接近。必須是更好的方式！ – Billy 2010-10-08 22:05:27

第一張：我想推薦定位絕對座標，並給它一個與目標寬度（圖像寬度* 1.2）相匹配的寬度。此外，將持有者的文本對齊設置爲「中心」，並將圖像邊距設置爲「自動」。

通過這種方式，你得到的圖像始終居中集中在持有人。

更重要的是：不使用效果（）同樣的效果可以與動畫（完成），只需調用動畫與{寬度：* imagewidth 1.2}。 animate（）似乎沒有任何混蛋效果「乾淨」，因爲它不會做任何超過你想要的（縮放圖像）。

效果（）做更多，它起着與周圍的位置，注入一些需要幫助的對象

see example

來源

2010-10-08 23:34:57

Dr.Molle ...這是接近，但規模從頂部中心而發生比中間中心....至少在Windows上的FireFox。

這給了我一些想法，所以謝謝！

來源

2010-10-09 20:08:12

使用效果（「縮放」）：保持圖像到位並不會重新定位

回答

相關問題