私の jQuery Fancybox は私のローカル コンピューターでは完璧に動作しますが、私の Web サイトが 000webhost で公開されているため、動作しません。なぜなのか、答えが見つかりません!
私のウェブサイトは : sarahmeasom.com
私は困惑しているので、誰かが私のためにこれを見てくれて本当に感謝しています!
基本的に、私の作品のポートフォリオでは、クリックすると画像が表示されますが、その代わりに、画像を読み込んで別のページに移動するだけです!
ご協力いただきありがとうございます!
これは基本的に、ボックスを作成するために使用するコードです。
私の仕事。
<ul class="cols clearFix">
<li>
<div class="clearFix">
<h2 class="floatLeft">Circle Cover</h2>
<a href="./" class="more floatLeft">Website</a>
</div>
<a href="./tmp/circlecover_2.jpg" class="thumb">
<span class="zoom"></span>
<img src="./tmp/circlecover_1.jpg" alt="No image" />
</a>
<p>Circle Cover provides travel insurance for the over 50's. My main aims were to keep the site clean, simple and easy to navigate. With mobile compaitibility.
</p>
</li>
<li class="center">
<div class="clearFix">
<h2 class="floatLeft">Virgin Insurance</h2>
<a href="./" class="more floatLeft">Website</a>
</div>
<a href="./tmp/virgin_2.jpg" class="thumb">
<span class="zoom"></span>
<img src="./tmp/virgin_1.jpg" alt="No image" />
</a>
<p>Re-design of the Virgin Travel Insurance quote website. It does its job in effectively helping customers buy insurance online, taking them through the quote process.</p>
</li>
<li>
<div class="clearFix">
<h2 class="floatLeft">Victoria's Salon</h2>
<a href="./" class="more floatLeft">website</a>
</div>
<a href="./tmp/tanning_2.jpg" class="thumb">
<span class="zoom"></span>
<img src="./tmp/tanning_1.jpg" alt="No image" />
</a>
<p>A small salon requested a website to help promote the business online. Modern and girly was the theme, keeping it suited to its target audience. </p>
</li>
<li>
<div class="clearFix">
<h2 class="floatLeft">MPM Property</h2>
<a href="./" class="more floatLeft">Website</a>
</div>
<a href="./tmp/mpm_2.jpg" class="thumb">
<span class="zoom"></span>
<img src="./tmp/mpm_1.jpg" alt="No image" />
</a>
<p>MPM Property group requested a site which simply informs the public what they do. The site has a simple and precise layout encorporating the company style. </p>
</li>
<li class="center">
<div class="clearFix">
<h2 class="floatLeft">Twine Rooms Design</h2>
<a href="./" class="more floatLeft">Concept</a>
</div>
<a href="./tmp/twine_2.jpg" class="thumb">
<span class="zoom"></span>
<img src="./tmp/twine_1.jpg" alt="No image" />
</a>
<p>A minimalistic design using a consistent colour scheme and layout, with a fresh and colourful feel. Plenty of white space to make the main features stand out.</p>
</li>