{"id":1193,"date":"2026-02-23T19:56:58","date_gmt":"2026-02-23T19:56:58","guid":{"rendered":"https:\/\/isbei.name-servers.net\/?page_id=1193"},"modified":"2026-02-24T07:27:33","modified_gmt":"2026-02-24T07:27:33","slug":"test-expanding-image","status":"publish","type":"page","link":"https:\/\/isbei.com\/zh\/test-expanding-image\/","title":{"rendered":"Test Expanding image"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1193\" class=\"elementor elementor-1193\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b34141 e-flex e-con-boxed e-con e-parent\" data-id=\"1b34141\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f841752 elementor-widget elementor-widget-html\" data-id=\"f841752\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"scroll-wrapper\">\r\n\r\n  <!-- 1 -->\r\n  <section class=\"panel\">\r\n    <div class=\"image-box\">\r\n      <img decoding=\"async\" src=\"https:\/\/isbei.name-servers.net\/wp-content\/uploads\/2026\/02\/china-mobile-isbei.jpg\">\r\n      <div class=\"overlay-content\">\r\n        <h2>\u4e2d\u56fd\u79fb\u52a8<\/h2>\r\n        <div class=\"info-pill\">\r\n          \u6211\u4eec\u4e3a\u4e2d\u56fd\u79fb\u52a8\u5e26\u6765\u9ad8\u8fbe19%\u7684\u589e\u76ca\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 2 -->\r\n  <section class=\"panel\">\r\n    <div class=\"image-box\">\r\n      <img decoding=\"async\" src=\"https:\/\/isbei.name-servers.net\/wp-content\/uploads\/2026\/02\/CPIC.jpg\">\r\n      <div class=\"overlay-content\">\r\n        <h2>\u4e2d\u56fd\u592a\u5e73\u6d0b\u4fdd\u9669\u96c6\u56e2<\/h2>\r\n        <div class=\"info-pill\">\r\n          \u6211\u4eec\u4e3a 6000 \u540d\u4e2d\u56fd\u592a\u5e73\u6d0b\u4fdd\u9669\u4ee3\u7406\u63d0\u4f9b\u6bcf 20 \u7b14\u9500\u552e\u4e2d\u7684 1 \u7b14\u670d\u52a1\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 3 -->\r\n  <section class=\"panel\">\r\n    <div class=\"image-box\">\r\n      <img decoding=\"async\" src=\"https:\/\/isbei.name-servers.net\/wp-content\/uploads\/2026\/02\/SIG1.jpg\">\r\n      <div class=\"overlay-content\">\r\n        <h2>\u9633\u5149\u4fdd\u9669\u96c6\u56e2<\/h2>\r\n        <div class=\"info-pill\">\r\n          \u5728\u9633\u5149\u4fdd\u9669\u96c6\u56e2\u7684 5500 \u540d\u4ee3\u7406\u4e2d\uff0c\u6bcf\u552e\u51fa 10 \u4efd\u8f66\u9669\u4fdd\u5355\uff0c\u6211\u4eec\u5c31\u63d0\u4f9b 1 \u4efd\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\nbody{\r\n  margin:0;\r\n  overflow-x:hidden;\r\n  background:#000;\r\n}\r\n\r\n.panel{\r\n  position:relative;\r\n  height:100vh;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden;\r\n}\r\n\r\n.image-box{\r\n  position:relative;\r\n  width:38%;\r\n  height:60vh;\r\n  border-radius:30px;\r\n  overflow:hidden;\r\n}\r\n\r\n.image-box img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transform:scale(1.08);\r\n}\r\n\r\n\/* CENTERED CONTENT *\/\r\n.overlay-content{\r\n  position:absolute;\r\n  top:50%;\r\n  left:50%;\r\n  transform:translate(-50%, -40px);\r\n  text-align:center;\r\n  color:#fff;\r\n  opacity:0;\r\n}\r\n\r\n.overlay-content h2{\r\n  font-size:clamp(48px, 8vw, 120px);\r\n  font-weight:300;\r\n  margin:0 0 30px 0;\r\n  color:#ffffff;\r\n  letter-spacing:1px;\r\n}\r\n\r\n\/* DARK BLUE ROUNDED BACKGROUND LIKE SCREENSHOT *\/\r\n.info-pill{\r\n  display:inline-block;\r\n  background:rgba(15, 55, 85, 0.85);\r\n  color:#ffffff;\r\n  padding:18px 40px;\r\n  border-radius:60px;\r\n  font-size:18px;\r\n  max-width:900px;\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\ngsap.utils.toArray(\".panel\").forEach((panel)=>{\r\n\r\n  let box = panel.querySelector(\".image-box\");\r\n  let content = panel.querySelector(\".overlay-content\");\r\n  let img = panel.querySelector(\"img\");\r\n\r\n  let tl = gsap.timeline({\r\n    scrollTrigger:{\r\n      trigger: panel,\r\n      start: \"top top\",\r\n      end: \"+=220%\",\r\n      scrub: 1.3,\r\n      pin: true,\r\n      anticipatePin:1\r\n    }\r\n  });\r\n\r\n  \/* Expand Image Smoothly *\/\r\n  tl.to(box,{\r\n    width:\"100%\",\r\n    height:\"100vh\",\r\n    borderRadius:\"0px\",\r\n    ease:\"power2.out\",\r\n    duration:1.6\r\n  });\r\n\r\n  \/* Slight zoom correction *\/\r\n  tl.to(img,{\r\n    scale:1,\r\n    ease:\"power2.out\",\r\n    duration:1.6\r\n  },0);\r\n\r\n  \/* Text fade + move up *\/\r\n  tl.to(content,{\r\n    opacity:1,\r\n    y:0,\r\n    ease:\"power2.out\",\r\n    duration:1\r\n  }, \"-=0.6\");\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>China Mobile we are raising China Mobile&#8217;s revenue by 19% CPIC we deliver 1 out of every 20 sales for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isbei.com\/zh\/wp-json\/wp\/v2\/pages\/1193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isbei.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isbei.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isbei.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isbei.com\/zh\/wp-json\/wp\/v2\/comments?post=1193"}],"version-history":[{"count":19,"href":"https:\/\/isbei.com\/zh\/wp-json\/wp\/v2\/pages\/1193\/revisions"}],"predecessor-version":[{"id":1400,"href":"https:\/\/isbei.com\/zh\/wp-json\/wp\/v2\/pages\/1193\/revisions\/1400"}],"wp:attachment":[{"href":"https:\/\/isbei.com\/zh\/wp-json\/wp\/v2\/media?parent=1193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}