Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Glen1

Members
  • Joined

  • Last visited

Everything posted by Glen1

  1. I made a start on this but I am not sure if I am heading in the right direction or not, anyway the problem I have got now is adding the link to the image. The reason I think it is not working is that the image is loading after the script therfore HTML is not being changed. Just my theory though therefore may be wrong. Here is the code I have got so far. <script> $(document).ready(function(){ var a = $('.galleria_wrapper').children('img').attr('src'); if(a == '/images/bird/bird_rings.jpg') { $('.galleria_wrapper').html('<a href="google.com"><img src="/images/bird/bird_rings.jpg" alt="Bird Rings" title="Bird Rings" /></a>'); } }); <script> Any help on this wood be good. Thanks, Glen
  2. Thanks for your help, Glowbridge. I am going to have to call on your expertise once again, would it be possible for me to make the image a link by modifying that code. Each image has it's on product link but I am not sure how I could manipulate that and modify that so that when the larger image is clicked the user is taken to the respective product page. Cheers, Glen
  3. Hi, I am currently working for a client and I am struggling to find the code to which produces this effect. I think I have been staring at the code too long and it's all coming together like giant mess. On top of that I only know the basics of Javascript not very much. Basically, I am looking for the code which displays the large image at the right hand side of this page. http://www.emmafranklin.net/bird/ as I would like to link the image to their respective product in the shop page. The application is built on top of wordpress. Here is the source for this particular page. I can post header and footer code if needed as well. <div align="center" id="container" onmouseout="document.getElementById('slidenav-captions').innerHTML = ''"> <div class="sliderGallery"> <ul id="sliderGalleryInitPos"> <li><a href="/bird/"><span class="animalbox" id="bird" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Bird'"></span></a></li> <li><a href="/bull/"><span class="animalbox" id="bull" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Bull'"></span></a></li> <li><a href="/dog/"><span class="animalbox" id="dog" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Dog'"></span></a></li> <li><a href="/goat/"><span class="animalbox" id="goat" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Goat'"></span></a></li> <li><a href="/goose/"><span class="animalbox" id="goose" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Goose'"></span></a></li> <li><a href="/hippo/"><span class="animalbox" id="hippo" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Hippo'"></span></a></li> <li><a href="/horse/"><span class="animalbox" id="horse" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Horse'"></span></a></li> <li><a href="/pearls/"><span class="animalbox" id="pearls" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Pearls'"></span></a></li> <li><a href="/pheasant/"><span class="animalbox" id="pheasant" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Pheasant'"></span></a></li> <li><a href="/pig/"><span class="animalbox" id="pig" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Pig'"></span></a></li> <li><a href="/ram/"><span class="animalbox" id="ram" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Ram'"></span></a></li> <li><a href="/rhino/"><span class="animalbox" id="rhino" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Rhinoceros'"></span></a></li> <li><a href="/shotgun/"><span class="animalbox" id="shotgun" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Shotgun'"></span></a></li> <li><a href="/stag/"><span class="animalbox" id="stag" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Stag'"></span></a></li> <li><a href="/tiger/"><span class="animalbox" id="tiger" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Tiger'"></span></a></li> <li><a href="/triceratops/"><span class="animalbox" id="triceratops" onmouseover="document.getElementById('slidenav-captions').innerHTML = 'Triceratops'"></span></a></li> </ul> <div class="slider"> <div class="handle" id="handleInitPos"></div> </div> </div> <div id="slidenav-captions"></div> </div> <style type="text/css" media="screen"> #collection-toplink {color:#000;} #bird.animalbox {opacity:1;} </style> <div id="pagepicture"></div> <div id="textblock"> <strong>BIRD</strong> Flamingos are pink because they eat so many shrimps </div> <div id="gwrapper"> <ul class="gallery_container"> <li class="active"><img src="/images/bird/bird_rings.jpg" alt="Bird Rings" title="Bird Rings" /></li> <li><img src="/images/bird/bird_pearl_necklace_gold.jpg" alt="Bird Pearl Necklace" title="Bird Pearl Necklace" /> </li> <li><img src="/images/bird/bird_lrg_silver_chain_gold_btb.jpg" alt="Bird Large Chain" title="Bird Large Chain" /></li> <li><img src="/images/bird/bird_sm_black_chain_gold_stb.jpg" alt="Bird Small Chain" title="Bird Small Chain" /></li> </ul> </div> If you need any more code, just let me know I would be happy to help out. Also any help on this situation would be greatly appreciated. Cheers, Glen
  4. Thank you, that's greatly appreciated. There seems to be nothing going around here at the moment. I have been looking since April and QA has been the best I have came up with. Those are some horror stories. Scottish Borders are a bit far away from me but the offer is greatly appreciated as well as your help on this matter. I got a list of companies from ScotlandIS and have sent my CV and a covering letter to most on the list which are from the Glasgow area but no luck so far. I will give Gumtree a shot today to see if I can find anything. Does anyone know much about the QA apprenticeship, or anyone who has been on it could tell me what it's like? Thanks again your help has been greatly appreciated. Cheers, Glen
  5. Hi Everyone, Basically, here is a little background on me. I am from Scotland, just left school and I am looking to get into a Software/web Development apprentice position or something similar. At the moment I am finding it very difficult to see any open positions or anything without a few years of commercial experience. So my question is, does anyone know of any open positions or companies in Scotland (West of Scotland Mainly) that are currently recruiting apprentices or trainee's with no commercial experience but have knowledge of HTML,CSS,PHP,MYSQL,Javascript? I am currently enlisted with QA's apprenticeship programme but at the moment they cannot find me a company to give me practical experience so it's kind of it a dead end. Any help would be greatly appreciated. Cheers, Glen P.S Sorry mods If I have posted this on the wrong forum, I wasn't sure where to put this

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.