Highlighted

Marquee without gap for sponsorships images

New Here ,
Mar 15, 2020

Copy link to clipboard

Copied

Hi Dreamweaver Community. 

 

Im building for the BIGGEST project and I'm impressed that I was asked to design the website even I was doing good at website design. However I havent done loads of features that they asked me to do and pretty stuck on marqueeing images for sponsorships images. 

 

<marquee>
<a href="###" width="140" height="80"
alt="###" /></a>
<img src="s###" width="140" height="80" alt="###" /><img src="###" width="140" height="80" alt="###" />
<a href="###"><img src="###" width="140" height="80"
alt="###" /></a>
<a href="###"><img src="###" width="140" height="125"
alt="###" /></a><a href="###"><img src="###" width="140" height="140"
alt="###" /></a><a href="###"><img src="###" width="140" height="167" alt="###" /></a>
<a href="###"><img src="###" width="125"
height="167" alt="###" /></a>
<a href="###"><img src="###" width="140" height="90"

</marquee>


This is a sample what I using to do. I got about 20 sponsorship and found few of features that you can hover to make them freeze. It would be nice to hover to freeze them for clicking the images. Do I need to do CSS to make them work, If so, How? 

 

Any suggestion? 

 

Topics

Code, How to

Views

478

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Marquee without gap for sponsorships images

New Here ,
Mar 15, 2020

Copy link to clipboard

Copied

Hi Dreamweaver Community. 

 

Im building for the BIGGEST project and I'm impressed that I was asked to design the website even I was doing good at website design. However I havent done loads of features that they asked me to do and pretty stuck on marqueeing images for sponsorships images. 

 

<marquee>
<a href="###" width="140" height="80"
alt="###" /></a>
<img src="s###" width="140" height="80" alt="###" /><img src="###" width="140" height="80" alt="###" />
<a href="###"><img src="###" width="140" height="80"
alt="###" /></a>
<a href="###"><img src="###" width="140" height="125"
alt="###" /></a><a href="###"><img src="###" width="140" height="140"
alt="###" /></a><a href="###"><img src="###" width="140" height="167" alt="###" /></a>
<a href="###"><img src="###" width="125"
height="167" alt="###" /></a>
<a href="###"><img src="###" width="140" height="90"

</marquee>


This is a sample what I using to do. I got about 20 sponsorship and found few of features that you can hover to make them freeze. It would be nice to hover to freeze them for clicking the images. Do I need to do CSS to make them work, If so, How? 

 

Any suggestion? 

 

Topics

Code, How to

Views

479

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Mar 15, 2020

Copy link to clipboard

Copied

<marquee> has been deprecated, so do not use. What you need is an image slideshow similar to https://www.w3schools.com/w3css/w3css_slideshow.asp


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Mar 15, 2020

Copy link to clipboard

Copied

This is not something that my client had in mind. He would like marqueeing images where you can see and click if they interested with the products. Im sure there's coding somewhere that meets my client requirements.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Mar 15, 2020

Copy link to clipboard

Copied

DO NOT use the outdated <marquee> tag.  What you want is a horizontal or vertical slider.

jQuery Lightsider is lightweight and easy to implement.  And it's mobile-friendly.

http://sachinchoolur.github.io/lightslider/examples.html

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...